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

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 – – Frameworks to create grids CSS Grid –

CSS Grid Examples

CSS Grid Examples

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

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

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

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

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