Rainforest Deforestation - Schicke HTML5-Infografik mit ernstem Bezug

Entwickler Jonathan Krause stellt eine sehr modern und elegant realisierte Infografik zum Thema Regenwald-Abholzung bereit. Verwirklicht mit HTML5, CSS3 und jQuery stellt sie ein gutes Beispiel dar, wie lebendig auch nüchterne Themen lediglich unter Verwendung standardisierter Webtechnologien interessant umgesetzt werden können. Lasst euch inspirieren...

Vegas Background jQuery Plugin - Vollbilder im Websitehintergrund

Ein auf das Browserfenster skaliertes Hintergrundbild passt sicherlich nicht zu jeder Website, stellt aber da, wo es sinnvoll ist, etwa bei Websites von Künstlern, eine optisch ansprechende Bereicherung der Nutzererfahrung dar. Das Vegas Plugin geht noch ein paar Schritte weiter. Nicht nur skaliert es Bilder auf den Viewport, vielmehr ist es auch in der Lage, ganze Slideshows zu hinterlegen und Textoverlays einzublenden. Vegas ist definitiv mehr als einen kurzen Blick wert. Das Plugin steht kostenfrei unter GitHub zur Verfügung und ist ordentlich dokumentiert.

Skeleton - Sammlung von CSS- und JavaScript-Files als Anwendungsgerüst

Skeleton ist ein sogenanntes Boilerplate, eine Vorlage für eigene Arbeiten. Damit ist Skeleton nicht mit einem Framework zu verwechseln. Skeleton stellt lediglich einige Vorlagen bereit, auf deren Basis man schneller zu Ergebnissen kommt. Dabei konzentriert sich die Sammlung auf die Entwicklung für unterschiedliche Bildschirmauflösungen. Das verwendete Grid basiert auf dem bekannten Framework 960.gs, verwendet aber eine leicht veränderte Syntax. Das Grid skaliert automatisch auf mobilen Geräten. Verschiedene moderne UI-Elemente, sowie die Basis eines typografischen Konzeptes und Elemente der Formulargestaltung runden Skeleton ab.

Viel Erfolg bei euren heutigen Projekten!