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

▶

Jun 12, 2023 215 likes •413 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

SLIDE 1

BRUTALISM

SLIDE 2

Web Design

SLIDE 3

SLIDE 4

Hey, thats how I write web sites!

SLIDE 5

Checklist

SLIDE 6

My CMS – HTML, CSS mostly

SLIDE 7

My own CMS – get away from frameworks

SLIDE 8

Modern CSS

SLIDE 9

No JavaScript!

SLIDE 10

Checkbox hack

SLIDE 11

Responsive CSS

Then

– Flexbox – Frameworks to create grids

–

Flexbox

–

CSS Grid

SLIDE 12

CSS Grid Examples

SLIDE 13

CSS Grid Examples

SLIDE 14

<ul class=”grid”>

<li></li> <li></li>

</ul> css: list-style:none;

In HTML

<div class=”grid”>

<div class=”cell”>

*

</div>

SLIDE 15

Transitions & Animations

Any element

– Any property

@keyframes

– from – to – %

Duration

– Once – n times – Infinite

No State

–

Except checkboxes...

SLIDE 16

Modern CSS

Checkbox hack

– Toggle properties of CSS – Menus

CSS Grid

– Easy, responsive Layout

Animations

SLIDE 17

Closing Keynote

Nicolai Josuttis

–

C++ Committee Member

–

Trainer

–

Book Author

SLIDE 18

Closing Keynote

Nicolai Josuttis

–

C++ Committee Member

–

Trainer

–