t3n News Entwicklung

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

Ui, schick. Das, was Jony Krause da mit , und 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.

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

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!

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von sven am 19.05.2011 (15:58 Uhr)

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

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema HTML5
Die besten jQuery-Plugins: Diese Website zeigt sie euch
Die besten jQuery-Plugins: Diese Website zeigt sie euch

jQuery Cards versammelt mehr als 1.000 handverlesene Plugins für das beliebte JavaScript-Framework. Von der Navigation bis hin zur Mediensteuerung ist hier für so ziemlich jedes Einsatzgebiet was … » weiterlesen

Jetzt „Apps mit HTML5, CSS3 und JavaScript“ von Rheinwerk gratis sichern! [t3n-Aktion]
Jetzt „Apps mit HTML5, CSS3 und JavaScript“ von Rheinwerk gratis sichern! [t3n-Aktion]

Wer mobile Anwendungen entwickeln möchte, findet in „Apps mit HTML5, CSS3 und JavaScript“ von Rheinwerk eine hilfreiche Lektüre für den Start. Als Neuabonnent kannst du dich über eines der … » weiterlesen

jQuery 3.0 ist da: Das sind die wichtigsten Neuerungen
jQuery 3.0 ist da: Das sind die wichtigsten Neuerungen

jQuery ist in Version 3.0 erschienen. Wir verraten euch, was sich im Vergleich zu den älteren Versionen der Javascript-Bibliothek verändert hat. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?