SlideShare ist ein Scribd-Unternehmen logo
1 von 33
DIRK JESSE | BARCAMP LEIPZIG, 03. MAI 2008

CSS FRAMEWORKS
Die Webkrauts …
http://www.webkrauts.de/



 Initiative für die
  Verbreitung von
  Webstandards
 Aufklärungsarbeit und
  Veröffentlichungen in
  unterschiedlichen
  Medien
Themen der nächsten Stunde …

 Ausgangssituation
 Vom Reset-CSS zum CSS Framework
 Vorstellung aktueller Projekte
   YUI Grids
   YAML
   Blueprint CSS
 Thesen: Vor- und Nachteile von Frameworks
Buzzwords des Alltags

 Webstandards
 Zugänglichkeit
 Usability
 DOM Scripting  AJAX
 …
 Termine
 Kosten
Typische Layoutformen

Spaltenlayouts   Grid Layouts
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)
Css Frameworks - Ein Überblick (04/2008)

Weitere ähnliche Inhalte

Andere mochten auch

Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...Sebastian Schally
 
PHP UG Karlsruhe - Zend Framework Introduction
PHP UG Karlsruhe - Zend Framework IntroductionPHP UG Karlsruhe - Zend Framework Introduction
PHP UG Karlsruhe - Zend Framework Introductionmaexpower
 
High Security PHP Applications
High Security PHP ApplicationsHigh Security PHP Applications
High Security PHP Applicationsguest0e6d5e
 
Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg
Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg
Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg Ralf Eggert
 
Entwicklercamp responive web design
Entwicklercamp   responive web designEntwicklercamp   responive web design
Entwicklercamp responive web designHenning Schmidt
 
jQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPagesjQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPagesMark Roden
 
Webentwicklung mit PHP und MySQL
Webentwicklung mit PHP und MySQLWebentwicklung mit PHP und MySQL
Webentwicklung mit PHP und MySQLKerstin Puschke
 
The Skeleton And Joints Wk3
The Skeleton And Joints Wk3The Skeleton And Joints Wk3
The Skeleton And Joints Wk3MrHall
 
PHP Optimization
PHP OptimizationPHP Optimization
PHP Optimizationdjesch
 
High performance mit PHP
High performance mit PHPHigh performance mit PHP
High performance mit PHPThomas Burgard
 
WordPress und die Sprachen
WordPress und die SprachenWordPress und die Sprachen
WordPress und die Sprachenfrankstaude
 
Stadionzeitung TuS Geretsried vs. Kirchheimer SC
Stadionzeitung TuS Geretsried vs. Kirchheimer SCStadionzeitung TuS Geretsried vs. Kirchheimer SC
Stadionzeitung TuS Geretsried vs. Kirchheimer SCChristoph1990
 
Conceptos multimediales
Conceptos multimedialesConceptos multimediales
Conceptos multimedialesEducaweb
 
Lugares con encanto de asturias
Lugares con encanto de asturiasLugares con encanto de asturias
Lugares con encanto de asturiasgogloba
 

Andere mochten auch (20)

PHP_Codesniffer
PHP_CodesnifferPHP_Codesniffer
PHP_Codesniffer
 
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
 
PHP UG Karlsruhe - Zend Framework Introduction
PHP UG Karlsruhe - Zend Framework IntroductionPHP UG Karlsruhe - Zend Framework Introduction
PHP UG Karlsruhe - Zend Framework Introduction
 
Baustein 07 grundlagen-html-css-php
Baustein 07 grundlagen-html-css-phpBaustein 07 grundlagen-html-css-php
Baustein 07 grundlagen-html-css-php
 
High Security PHP Applications
High Security PHP ApplicationsHigh Security PHP Applications
High Security PHP Applications
 
Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg
Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg
Framework Auswahlkriterin, PHP Unconference 2009 in Hamburg
 
Entwicklercamp responive web design
Entwicklercamp   responive web designEntwicklercamp   responive web design
Entwicklercamp responive web design
 
jQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPagesjQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPages
 
Webentwicklung mit PHP und MySQL
Webentwicklung mit PHP und MySQLWebentwicklung mit PHP und MySQL
Webentwicklung mit PHP und MySQL
 
The Skeleton And Joints Wk3
The Skeleton And Joints Wk3The Skeleton And Joints Wk3
The Skeleton And Joints Wk3
 
PHP Optimization
PHP OptimizationPHP Optimization
PHP Optimization
 
Web Entwicklung mit PHP - Teil 3 Beta
Web Entwicklung mit PHP - Teil 3 BetaWeb Entwicklung mit PHP - Teil 3 Beta
Web Entwicklung mit PHP - Teil 3 Beta
 
High performance mit PHP
High performance mit PHPHigh performance mit PHP
High performance mit PHP
 
AJAX
AJAXAJAX
AJAX
 
PHP mit Paul Bocuse
PHP mit Paul BocusePHP mit Paul Bocuse
PHP mit Paul Bocuse
 
Web Entwicklung mit PHP - Teil 2
Web Entwicklung mit PHP - Teil 2Web Entwicklung mit PHP - Teil 2
Web Entwicklung mit PHP - Teil 2
 
WordPress und die Sprachen
WordPress und die SprachenWordPress und die Sprachen
WordPress und die Sprachen
 
Stadionzeitung TuS Geretsried vs. Kirchheimer SC
Stadionzeitung TuS Geretsried vs. Kirchheimer SCStadionzeitung TuS Geretsried vs. Kirchheimer SC
Stadionzeitung TuS Geretsried vs. Kirchheimer SC
 
Conceptos multimediales
Conceptos multimedialesConceptos multimediales
Conceptos multimediales
 
Lugares con encanto de asturias
Lugares con encanto de asturiasLugares con encanto de asturias
Lugares con encanto de asturias
 

Ähnlich wie Css Frameworks - Ein Überblick (04/2008)

Webstandards für ein modernes Web
Webstandards für ein modernes WebWebstandards für ein modernes Web
Webstandards für ein modernes WebJens Grochtdreis
 
Vortrag WKE 2008, Erlangen
Vortrag WKE 2008, ErlangenVortrag WKE 2008, Erlangen
Vortrag WKE 2008, ErlangenNils Pooker
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickAmazee Labs
 
121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"Oseon
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Eric Eggert
 
Webseiten sind keine Gemaelde
Webseiten sind keine GemaeldeWebseiten sind keine Gemaelde
Webseiten sind keine GemaeldeJens Grochtdreis
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine TricksJens Grochtdreis
 
Collaboration Days 2011 - Damit die Tester schneller ran können.
Collaboration Days 2011 - Damit die Tester schneller ran können.Collaboration Days 2011 - Damit die Tester schneller ran können.
Collaboration Days 2011 - Damit die Tester schneller ran können.David Schneider
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Stephan Hamberger
 
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)André Krämer
 
Ruby On Rails - 2. Rails Introduction
Ruby On Rails - 2. Rails IntroductionRuby On Rails - 2. Rails Introduction
Ruby On Rails - 2. Rails IntroductionJakob
 
Frontend Coding Guidelines - Ein Baustein zur Qualitätssicherung
Frontend Coding Guidelines - Ein Baustein zur QualitätssicherungFrontend Coding Guidelines - Ein Baustein zur Qualitätssicherung
Frontend Coding Guidelines - Ein Baustein zur QualitätssicherungMichael Kühnel
 
Grails im Überblick und in der Praxis
Grails im Überblick und in der PraxisGrails im Überblick und in der Praxis
Grails im Überblick und in der PraxisTobias Kraft
 
Der Schmetterlingseffekt - CSS in größeren Projekten
Der Schmetterlingseffekt - CSS in größeren ProjektenDer Schmetterlingseffekt - CSS in größeren Projekten
Der Schmetterlingseffekt - CSS in größeren ProjektenOPEN KNOWLEDGE GmbH
 
Einführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit BerufsschuleEinführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit Berufsschulehalfman.halfpixel
 
Aktuelle Webtechnologien - HTML5, CSS3 und mehr
Aktuelle Webtechnologien - HTML5, CSS3 und mehrAktuelle Webtechnologien - HTML5, CSS3 und mehr
Aktuelle Webtechnologien - HTML5, CSS3 und mehrYves Hoppe
 
Layout Frameworks im professionellen Webdesign
Layout Frameworks im professionellen WebdesignLayout Frameworks im professionellen Webdesign
Layout Frameworks im professionellen Webdesigndjesse
 

Ähnlich wie Css Frameworks - Ein Überblick (04/2008) (20)

Webstandards für ein modernes Web
Webstandards für ein modernes WebWebstandards für ein modernes Web
Webstandards für ein modernes Web
 
Kleiner Blick auf CSS3
Kleiner Blick auf CSS3Kleiner Blick auf CSS3
Kleiner Blick auf CSS3
 
Vortrag WKE 2008, Erlangen
Vortrag WKE 2008, ErlangenVortrag WKE 2008, Erlangen
Vortrag WKE 2008, Erlangen
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
 
121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
 
Webseiten sind keine Gemaelde
Webseiten sind keine GemaeldeWebseiten sind keine Gemaelde
Webseiten sind keine Gemaelde
 
Ruby on Rails SS09 06
Ruby on Rails SS09 06Ruby on Rails SS09 06
Ruby on Rails SS09 06
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine Tricks
 
Collaboration Days 2011 - Damit die Tester schneller ran können.
Collaboration Days 2011 - Damit die Tester schneller ran können.Collaboration Days 2011 - Damit die Tester schneller ran können.
Collaboration Days 2011 - Damit die Tester schneller ran können.
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
 
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)
 
Ruby On Rails - 2. Rails Introduction
Ruby On Rails - 2. Rails IntroductionRuby On Rails - 2. Rails Introduction
Ruby On Rails - 2. Rails Introduction
 
Frontend Coding Guidelines - Ein Baustein zur Qualitätssicherung
Frontend Coding Guidelines - Ein Baustein zur QualitätssicherungFrontend Coding Guidelines - Ein Baustein zur Qualitätssicherung
Frontend Coding Guidelines - Ein Baustein zur Qualitätssicherung
 
Grails im Überblick und in der Praxis
Grails im Überblick und in der PraxisGrails im Überblick und in der Praxis
Grails im Überblick und in der Praxis
 
Blank Template für Joomla!
Blank Template für Joomla!Blank Template für Joomla!
Blank Template für Joomla!
 
Der Schmetterlingseffekt - CSS in größeren Projekten
Der Schmetterlingseffekt - CSS in größeren ProjektenDer Schmetterlingseffekt - CSS in größeren Projekten
Der Schmetterlingseffekt - CSS in größeren Projekten
 
Einführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit BerufsschuleEinführung Barrierefreiheit Berufsschule
Einführung Barrierefreiheit Berufsschule
 
Aktuelle Webtechnologien - HTML5, CSS3 und mehr
Aktuelle Webtechnologien - HTML5, CSS3 und mehrAktuelle Webtechnologien - HTML5, CSS3 und mehr
Aktuelle Webtechnologien - HTML5, CSS3 und mehr
 
Layout Frameworks im professionellen Webdesign
Layout Frameworks im professionellen WebdesignLayout Frameworks im professionellen Webdesign
Layout Frameworks im professionellen Webdesign
 

Css Frameworks - Ein Überblick (04/2008)