Posts von stephan

Dem ein oder anderen Fronten-Entwickler dürfte vanilla JS nicht unbekannt sein. In letzter Zeit sieht man im Netz viele Blogposts zu dieser Library und immer wieder taucht dabei die Schlagzeile "schneller als jQuery" auf. Doch was ist vanilla JS genau? Schaut man sich auf der Projekt Homepage http://vanilla-js.com einmal genau um stellt man schnell fest was vanilla JS genau ist. Es ist nämlich gar keine Library sondern…

Trotz guter Tests kommt es immer wieder vor das ein Javascript beim Besucher nicht so ausgeführt wird wie erwartet. Das kann viele Ursachen haben wie z.B. nicht erwartete Eingaben des Users oder Browserplugins die bestimmte Aktionen blocken. Diese Fehler zu erkennen ist ohne Hilfsmittel unmöglich. Aus diesem Grund gibt es viele Error-Tracking Services für Javascript. Mit diesem Blogpost möchte ich kurz zeigen wie man Analytics von Google…

Immer mehr Webprojekte setzen immer mehr auf  html5 Features. Die Browser aus alten Zeiten haben aber von diesen Features keine Ahnung. Möchte man die Kompatibilität zu alten Browsern wahren ist es ratsam zu prüfen ob der Browser eine dieser neuen…

In meinen letzten Blogposts, gerade auch in Verbindung mit Grunt, ist immer wieder der Begriff CSS Präprozessor bzw. SASS oder LESS aufgetaucht. Aber was ist das eigentlich genau? CSS-Präprozessoren soll die Erstellung von Cascading Stylesheets erleichtern. CSS kennt keine Variablen oder Funktionen. Ein Präprozessor schon. Damit bekommt man Funktionen und Variablen zur Verfügung gestellt, mit denen aus der…

In Erinnerung an die gute alte Zeit möchte ich euch heute ein, aus meiner Sicht geniales Projekt, vorstellen. Es handelt sich dabei um ein Bootstrap Theme im 386er Retro Look. Ende der 80er Jahre war an…

Viele Entwickler werden es kennen. Neben den eigenen Dateien enthalten Webprojekte heutzutage auch immer externe Ressourcen die verwendet werden. Beispielsweise jQuery oder reset.css. Jetzt kann man hingehen und sich die Dateien der Libraries immer von der Homepage…

Schätzungsweise nutzen 15 bis 30% der User im Internet einen Adblocker der Werbebanner aus Internetseiten rausfiltert. Was aber wenn diese Internetseite auf den Werbebanner angewiesen ist? Der User mit Adblocker sieht ihn nicht un der Internetseite fehlt eventuell Umsatz. Es gibt zwar keine Lösung den Adblocker komplett zu umgehen aber zumindest lässt sich für den rausgefilterten Banner eine Alternative…

Im letzten Blogpost habe ich einige gute Grunt-Plugins für Entwickler kurz vorgestellt. Heute geht es um einen praktischen Anwendungsfall, nämlich das minifien von CSS Dateien. Grunt bietet hierfür das Plugin grunt-contrib-cssmin. Zunächst muss das Plugin in der package.json hinzugefügt werden. Hierzu einfach einen Eintrag bei den devDepencies hinzufügen. { "name" : "Projekt", "title" : "demo", "version" :…

In einem meiner vorherigen Blogposts habe ich euch Grunt vorgestellt. Dieses mal möchte ich, um den Nutzen von grunt nochmal hervorzuheben, hilfreiche Grunt Plugins vorstellen.Allgemeine Plugins grunt-contrib-copy Kopiert Dateien und Verzeichnisse grunt-contrib-concatVerkettet Dateien grunt-contrib-clean Löscht…

Zum Thema Performance-Optimierung gibt es im Netz schon viele unzählige Tipps. Minifying und diverse andere Techniken sind bei jedem Frontendler bekannt. Aber ich glaube meinen heutigen Tipp kennen die wenigsten.Der Tipp lautet: sortiere deine properties alphabetisch. Dann kann nämlich gzip bei dei der Auslieferung nämlich noch besser arbeiten und besser komprimieren. Das kann n ochmal bis zu einem Prozent an Dateigröße…