brutalism
play

BRUTALISM Web Design Hey, thats how I write web sites! Checklist - PowerPoint PPT Presentation

Jun 12, 2023 •215 likes •411 views

BRUTALISM Web Design Hey, thats how I write web sites! Checklist My CMS HTML, CSS mostly My own CMS get away from frameworks Modern CSS No JavaScript! Checkbox hack Responsive CSS Then Now Flexbox Flexbox

  1. BRUTALISM

  2. Web Design

  4. Hey, thats how I write web sites!

  5. Checklist

  6. My CMS – HTML, CSS mostly

  7. My own CMS – get away from frameworks

  8. Modern CSS

  9. No JavaScript!

  10. Checkbox hack

  11. Responsive CSS ● Then ● Now – Flexbox Flexbox – – Frameworks to create grids CSS Grid –

  12. CSS Grid Examples

  13. CSS Grid Examples

  14. In HTML <ul class=”grid”> <div class=”grid”> <li></li> <div class=”cell”> * <li></li> </div> </ul> </div> css: list-style:none;

  15. Transitions & Animations ● No State ● Any element – Any property Except checkboxes... – ● @keyframes – from – to – % ● Duration – Once – n times – Infinite

  16. Modern CSS ● Checkbox hack – Toggle properties of CSS – Menus ● CSS Grid – Easy, responsive Layout ● Animations

  17. Closing Keynote ● Nicolai Josuttis C++ Committee Member – Trainer – Book Author –

  18. Closing Keynote ● Nicolai Josuttis C++ Committee Member – Trainer – Book Author –

Recommend

More recommend