Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Beyond
Borders
and Boxes
CSS für Fortgeschrittene
Eric Eggert, Essen
Freier Webdesigner/-entwickler
Eric Eggert, Essen
Freier Webdesigner/-entwickler

      (freie Kapazitäten)
@font-face
Syntax
@font-face {   font-family: "Schriftname";
               src: url(schriftname.otf);    }

h1 {
               font...
kR                        kS
      Einfach              Relativ große Dateien

     Preiswert           Schriftdateien wei...
Transitionen
Transition




:hover

0N
Transformation




:hover

0N
Demos
Demos
        Hover

        Scaling

      Bar Charts

      Demo-Seite

       Gowalla

         Kiwi

24ways Demo, Max ...
Danke
 Eric Eggert

  yatil.de

   @yatil
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken
Upcoming SlideShare
Loading in …5
×

Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken

2,622 views

Published on

CSS3 geht über die bekannten Gestaltungsmöglichkeiten hinaus, mit Transformationen, Transitionen und Animationen können richtige HTML-Elemente beweglich gemacht werden. Viel mehr als nur Borders und Boxes.

  • Be the first to comment

Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene CSS-Techniken

  1. 1. Beyond Borders and Boxes
  2. 2. CSS für Fortgeschrittene
  3. 3. Eric Eggert, Essen Freier Webdesigner/-entwickler
  4. 4. Eric Eggert, Essen Freier Webdesigner/-entwickler (freie Kapazitäten)
  5. 5. @font-face
  6. 6. Syntax @font-face { font-family: "Schriftname"; src: url(schriftname.otf); } h1 { font-family: Schriftname, Helvetica, sans-serif; }
  7. 7. kR kS Einfach Relativ große Dateien Preiswert Schriftdateien weitgehend ungeschützt (kein DRM) Cross-Browser (IE4+, FF3.5+, Sf3.1+) Lizenzprobleme Weit verbreitet
  8. 8. Transitionen
  9. 9. Transition :hover 0N
  10. 10. Transformation :hover 0N
  11. 11. Demos
  12. 12. Demos Hover Scaling Bar Charts Demo-Seite Gowalla Kiwi 24ways Demo, Max Voltar
  13. 13. Danke Eric Eggert yatil.de @yatil

×