HTML5 / CSS3 / Javascript Frameworks

Auf der Suche nach dem besten Framework für HTML-Design Gestaltung und im speziellen auch HTML5 & CSS3-fähigen, bin ich auf eine ganze Reihe von Frameworks gestossen, die leider alle – jedes so seine eigenen – Vorzüge haben.

Erschwerend kommt hinzu, dass es bereits eine Reihe von Frameworks gibt, welche verschiedene andere Frameworks, quasi in einem „Überframwork“ zusammenfassen, was nicht heißt dass Sie schlecht sind, ganz und gar nicht, aber die Komplexität derselben erhöht sich doch stark, zumindest wenn man einmal unter die Motorhaube sieht.

Das EINE Framework habe ich also nicht gefunden, weshalb ich kurz eine Liste der, meiner Meinung nach besten, Frameworks erstellt habe, aber welches Ihr nehmt, bleibt im Prinzip Euch überlassen:

HTML5 Frameworks

HTML5 Boilerplate
Ziemlich komplexes Framework mit Build-Script, Linux-Freaks werden es lieben!
http://html5boilerplate.com/

Less Framework
Neuerdings mit einem 992px layout und 68px colmuns grid, versucht das Less Framework möglichst wenig, aber das wenige sehr klar und gut zu strukturieren, eines der besten Frameworks da draußen…
http://lessframework.com/

„Yet Another Multicolumn Layout“ (YAML)
Ein HTML+CSS Framework mit einem coolen, visuellen Builder, wobei die Anzahl der CSS files Anfänger vermutlich verwirren werden.
http://www.yaml.de/

HTML5 Reset
http://html5reset.org/

Baseline
kümmert sich vornemlich um Schrift und Typographie
http://baselinecss.com/

CSS Frameworks

inuit.css
mit „PlugIns“/Erweiterungen für DropDowns, BreadCrumb u.v.m.
http://csswizardry.com/inuitcss/

„Mobile“ Framworks

320 and up
Fängt beim kleinen Bildschirm an, und denkt dann nach „oben“…
http://stuffandnonsense.co.uk/projects/320andup/

Mobile Boilerplate
powered by HTML 5 Boilerplate
http://html5boilerplate.com/mobile/

Jo App
ein weiteres Mobile App Framework, ziemlich cleanes design, check this video out….
http://joapp.com/

SenchaTouch
kommerziel, aber trotzdem nicht ohne…. check the video

WordPress HTML/CSS/Javascript Frameworks

Bones
http://themble.com/bones/

Roots
http://www.rootstheme.com/

eBook / iPad App eBook Template Framework

Baker Ebook Framework
http://bakerframework.com/

Laker
Basiert auf Baker, ist aber Less Baker, und mehr App fokussiert, einfach laker :)
http://www.lakercompendium.com/how-to-use/dossiers-grid-and-styles/dossiers/

Javascript Frameworks

jQuery Mobile
Framework mit optimalen Darstellung auf mobilen Geräten, wie dem iPhone, iPod, Windows 7 mobile, Android, usw. usf, check also „How to Use jQuery Mobile“
http://jquerymobile.com/

jQuery
Check also „jShowOff: a jQuery Content Rotator“

Überframworks und Framework Generator

Alloy User Interface
powered by LifeRay, bietet es u.a. folgende Funktionen….
http://alloy.liferay.com/

Initializr
basierend auf
http://initializr.com/

52framework
mit runden „Ecken“, HTML5 Video u.v.m.
http://52framework.com/

Sproutcore
„huge“ beschreibt das Framework wohl am besten, leider dadurch auch etwas komplexer….
http://www.sproutcore.com/

OpenLaszlo
Etwas unübersichtlich, aber im Detail sehr mächtig….
http://www.openlaszlo.org/

Weitere Hints…

1140 grid, nicht sehr HTML5-lastig aber trotzdem sehr interessant, da es auf jedem Screen irgendwie funktioniert: http://cssgrid.net/
nette CSS Tricks gibt es hier….
… bin bei der Recherche auch über ein HTML-Email-Template gestolpert, give it a try