Frontend Entwicklung

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…

An dieser Stelle habe ich euch bereits erste Schritte und Möglichkeiten von CSS Animationen vorgestellt. Am Ende stand auch ein kleines Beispiel, welches erst mal dazu diente, die Thematik zu erfassen. Heute wollen wir euch ein schöneres Beispiel aus dem echten Leben eines Web Entwicklers…

Mein Kollege Till aus der Grafik hat euch in einem seiner letzten Blogposts gezeigt wie man mit Photoshop einen Banner mit vielen Einsatzmöglichkeiten erstellt. Ich zeige euch heute wie man als Frontend-Developer diesen Banner auch…

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…

Hallo Freunde der Web-Entwicklung. Heute soll es um die Fehlerbehandlung in Javascript (folgend JS) gehen. JS wird heute nicht mehr einfach nur zum Validieren von Formularen oder anderen kleineren Spielereien genutzt. In vielen modernen Web-Anwendungen ist JS zentraler Bestandteil der Site. Schaut man sich z. B. GMail an, stellt man fest, dass es schon echte JS-Anwendungen geworden sind, mit denen wir User im Web interagieren. Folglich…

In diesem Blog haben wir schon viele Features von jQuery Mobile gezeigt. Heute möchte ich euch zeigen wie man mit den Popups eine einfache Sidebar zaubern kann. Die Sidebar soll Navigationspunkte erhalten, die per Klick auf einen Button…

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>…

Als Frontend-Developer erleben wir in den Zeiten von CSS3 neuen Luxus. Immer seltener bemühen wir Grafik-Tools wie Photoshop um visuelle Reize zu setzen. Runde Ecken beeindrucken dabei schon keinen mehr. Inzwischen geht es um "echte" Layouts aus dem Printbereich, Animationen, Verläufe, den "Float-Killer" FlexBox usw. Doch beim alltäglichen Arbeiten mit den…

In einem früheren Blogpost meines Frontend-Kollegens Stefans hat er euch gezeigt wie man Dreiecke mit CSS erzeugen kann. Ich möchte heute einen Schritt weitergehen und euch zeigen, wie man aus diesen Dreiecken ein Stern erzeugen kann. Der Stern besteht aus zwei einfachen Dreiecken, die übereinandergelegt werden. Ein Div element erzeugt das…

Viele Webseiten gleichen kleinen Desktop-Anwendungen. Mit diversen Open-Source verfügbaren HTML- und Javascript Frameworks ist dies auch kein Problem. Vor einer kleinen Herausforderung steht man, aber sobald man Sounds per Javascript abspielen möchte. In diesem Post möchte ich einen Weg per Javascript Sounds abzuspielen zeigen.Das HTML5-Element Audio kann man für diesen Zweck ideal nutzen. Ein kleiner Nachteil, es gibt keinen…