Frontend Entwicklung

Für neugierige gibt der kostenfreie Webservice builtwith.com Informationen über die verwendeten Techniken einer Website aus. Wir stellen den Service kurz…

Desktop Benachrichtigungen aka "Web notifications" sind dafür da um den Benutzer über wichtige Ereignisse (wie zum Beispiel eintreffende Nachrichten) auch dann zu…

Nichts ersetzt das Testen mit echten Devices, jedoch sind Simulationen verschiedener Auflösungen beim Nachoptimieren oder Entwerfen und Coden einer responsiven Webseite zunächst sehr hilfreich. Neben dem Testen verschiedener Auflösungen im Browser, hat die Verwendung der folgenden Web-Tools…

heute stelle ich euch ein nützliches Tool für Frontendler, die mit Bootstrap arbeiten, vor. Es  hat zwar noch ein paar Kinderkrankheiten aber es ist jetzt schon sehr effektiv. Jetstrap ist ein mächtiges Entwicklertool für das…

Mit dem heutigen Beitrag möchte ich das Beispiel einer mobilen Navigation abschließen. Nachdem ich letztes mal über die geniale JavaScript-Bibliothek Velocity.js berichtet habe, stelle ich euch heute eine kleine Bibliothek vor, welche beim Scrollen einer Webseite den iPhone typischen "rubber band"-Effekt…

In meinen letzen Beitrag zu Browsertest habe ich bereits von Browserstack berichtet und welche Vorzüge die Seite bietet. Heute Möchte ich ein anders Problem ansprechen. Der geneigte Webentwickler verwendet gerne und oft die ein oder andere Konsolen-Ausgabe z.B. via "console.log()". Nun kommt es aber  in allen Internet Explorer Version bis inklusive…

Screendesigner kennen die Ebenen-Modi von Photoshop nur all zu gut. Frontend-Entwickler kommen nun auch in den Genuss, zumindest Hintergründe, miteinander zu überblenden. Ich zeige euch was möglich…

So gut wie jeder Web-Entwickler stand schon vor dem Problem, dass der Inhalt nicht die komplette Seite ausfüllt und somit der Footer nicht am Ende ist. Genau für dieses Problem gibt eines eine Lösung - den Sticky Footer. Ist der Inhalt nicht lang genug bleibt der Footer trotzdem am Ende der Seite und rutscht weiter runter sobald der Inhalt groß genug ist. Um das zu schaffen brauchen wir erstmal unser HTML…

In den letzten Jahren hat sich HTML5 als dynamischer Standard immer mal wieder verändert. Im Jahr 2011 wurden sie um WebGL ergänzt, eine Möglichkeit im Browser 2D und 3D Animationen zu erstellen. Selbst 3D Spiele und aufwändige Grafiken oder Visualisierungen von Daten sind möglich. Einige findige Entwickler…

Slide-Out Navigation Part 2 In meinem letzten Beitrag habe ich eine Implementierung einer Slide-Out Navigation mit jQuery und reinem CSS3 gezeigt. Heute zeige ich euch, wie man mit Hilfe der kleinen JavaScript Library Velocity.js die Vorzüge von javaSript und die Hardwarebeschleunigung von CSS3 vereinen könnt. Was…