Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

t3n-DevLinks: Infografik mit HTML5, Hintergrundbilder mit jQuery, Website-Skelett für schnelle Ergebnisse

    t3n-DevLinks: Infografik mit HTML5, Hintergrundbilder mit jQuery, Website-Skelett für schnelle Ergebnisse
Vegas: Hintergrundbilder, Slideshows und mehr

Ui, schick. Das, was Jony Krause da mit HTML5, CSS3 und jQuery gebastelt hat, beeindruckt mich schon. Ich schätze, auch ihr werdet Freude und Inspiration daran finden. Das Platzieren von bildschirmfüllenden und skalierenden Hintergundgrafiken in Websites war schon das Thema so mancher umfassenden Anleitung. Das Vegas Plugin macht´s einfacher. Skeleton ist eine Art Vorlage, Blaupause, wie man es auch bezeichen mag, um schnell Websites zu entwickeln, die auch auf mobilen Geräten funktionieren.

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.

Vegas: Hintergrundbilder, Slideshows und mehr

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!

Finde einen Job, den du liebst zum Thema JavaScript, Webdesign

1 Reaktionen
sven

Wie cool ist denn bitte dieses Hintergrundbildgelöte? Ganz groß.

Antworten

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen