Beyond Borders and Boxes – CSS für Fortgeschrittene

A presentation at Webmontag Frankfurt in January 2010 in Frankfurt, Germany by Eric Eggert

Slide 1

Slide 1

Beyond Borders and Boxes

Slide 2

Slide 2

CSS für Fortgeschrittene

Slide 3

Slide 3

Freier Webdesigner/-entwickler Eric Eggert, Essen

Slide 4

Slide 4

Freier Webdesigner/-entwickler (freie Kapazitäten) Eric Eggert, Essen

Slide 5

Slide 5

@font-face

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Syntax @font-face { font-family: "Schriftname"; src: url(schriftname.otf); } h1 { font-family: Schriftname, Helvetica, sans-serif; }

Slide 9

Slide 9

kR Einfach Preiswert Cross-Browser (IE4+, FF3.5+, Sf3.1+) Weit verbreitet kS Relativ große Dateien Schriftdateien weitgehend ungeschützt (kein DRM) Lizenzprobleme

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

Transitionen

Slide 15

Slide 15

:hover 0N Transition

Slide 16

Slide 16

:hover 0N Transformation

Slide 17

Slide 17

Demos

Slide 18

Slide 18

Demos Hover Scaling Bar Charts Demo-Seite Gowalla Kiwi 24ways Demo, Max Voltar

Slide 19

Slide 19

Danke Eric Eggert yatil.de @yatil