Posts von tobias.m

Heute stelle ich euch bootstro.js vor. Mithilfe dieses 3KB kleinem Scripts und die dazu gehörige CSS Datei (0.5KB) kann ein Frontend-Developer ganz einfach eine Einführung für seine Webseite oder Web-Applikation bauen. Alles was man dazu braucht ist…

Mithilfe von Dropzone.js könnt ihr ganz einfach einen schönen Fileupload in eure Seite integrieren. Das coole dabei - es funktioniert per Drag&Drop. Dropzone.js ist eine 24KB kleine Javascript Bibliothek, die es Frontend Developern ermöglicht, einfach per Drag&Drop Dateien auf ihrere Server hoch zuladen. Dabei sind keine Grenzen gesetzt. Dropzone unterstützt alle gängigen Dateiformate, sind es Bilder…

Möchte man mehrere Ereignisse über einen bestimmten Zeitraum (z.B. Releases von Versionen und deren Datum) darstellen, bietet sich nichts mehr an als eine Timeline und mit timeline.js geht das sogar richtig…

Heute zeige ich euch, wie ihr ganz einfach eine RSS Feed auslest und ihn verarbeiten könnt. Alles was wir dazu brauchen in ein bisschen jQuery. Die $.get() Funktion um genau zu sein. Das ganze funktioniert wie folgt. Die get Funktion ruft den RSS Feed ab. $.get( 'yourFeedUrl', function (XMLmediaArray) { $(XMLmediaArray).find('item').each(function() { var item = $(this); var title =…

Manchmal kommt es vor, dass ein Frontend-Developer den User benachrichtigen will, falls er die aktuelle Seite verlassen will. Ein Szenario wäre ein Fomular Eingabe mit einem Hinweis, dass alle Daten verloren gehen falls er die Seite verlässt. Mithilfe des onbeforeunload Events kann das verhindert werden. Dazu weist man dem Event eine Funktion zu, die in unserem Fall den User entscheiden lassen soll, ob er…

Der US-Amerikaner Shay Howe hat nach seinem ersten Workshop für Anfänger einen zweiten veröffentlicht.  Dieses richtet sich an Frontend-Developer, die gerade den Einstieg in den Beruf finden. Der  Workshop ist in zehn Lektionen unterteilt. Diese werden im Wochenrhythmus auf seiner Seite…

Jeder Frontend Developer kennt wahrscheinlich das Problem, dass eine Website erstellt wird und man Dummy Werte braucht. Für Texte gibt es so eine Lösung schon lange - http://www.loremipsum.de/. Dank Lorempixel gibt es jetzt auch eine Lösung für Bilder, diese sind meist noch nicht…

Heute zeige ich euch, wie man ganz schnell und einfach ein animierten Loader baut. Dieses kleine Gimmick macht dafür ganz schön viel her und bringt die Augen jedes Frontend-Developer's zum glänzen. Zu erst benötigen wir ein div, das als Container für unseren Loader dient. Darin kommt dann unser eigentlicher Loader. Das ganze…

Heute zeige ich euch einen simplen aber trotzdem coolen Trick, wie man auch ohne Javascript einen Tooltip mit CSS erstellt. Diesen Trick wird der ein oder andere Frontend Entwickler schon kennen, andere vielleicht aber nicht. Zuerst brauchen wir das Grundgerüst des Tooltips. Hierfür verwenden wir einen einfachen <a>…

Heute stelle ich euch einen sehr simplen aber dafür sehr schönen Effekt vor, der jeden Frontend Entwickler die Augen glänzen lässt. Dafür benötigen wir nur zwei der neuen CSS3 Regeln - Gradient & RGBA. Für sich alleine sind diese zwei Effekte schon sehr mächtig, aber zusammen ergeben sie einen besonders schönen Effekt und auch der Browser Support…