Vor kurzem entwickelte ich eine abstrakte Klasse, die ein paar Parameter entgegen nimmt. Aus diesen Parametern wird eine HTTP-Anfrage, diese abgesetzt und die HTTP-Antwort auf passende Bestandteile untersucht. Diese Klasse wollte ich möglichst einfach, möglichst schnell testen. Am einfachsten, so dachte ich, wäre dies mit einem Echo-Dienst machbar -- der wäre sicherlich auch schnell geschrieben. Nun ist ja aber jedes Ei bereits gelegt (so…

weiterlesen

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…

weiterlesen

Verwendung von JSON mit RequireJS

RequireJS ist ein JavaScript-Datei- und Modul-Loader, mit dem JavaScript Dateien erst geladen werden müssen, wenn sie gebraucht werden. Dies kann, bei richtiger Anwendung für eine höhere Seitengeschwindigkeit und zu einen besseren, übersichtlicheren Code Führen. Leider bringt RequireJS von Haus aus keine Unterstützung von JSON-Dateien mit. Man kann entweder auf das…

weiterlesen

Link-Kiste #3

Mit frischen Links zu lesenswerten Frontend-Artikeln auf in die Neue Woche! Diesmal mit viel spannenden zum Responsive Webdesign. Das neue Foundation-Framework Bei Zurb bloggt man über die Pläne zur nächsten Foundation Version und begründet die geplanten Änderungen aufgrund der weitreichenden Erfahrungen der letzen…

weiterlesen

HTML5 - Web Storage

Mithilfe des Local und des Session Storage können wir jetzt auf eine neue HTML5 Funktion zurückgreifen, die uns einige Performance Optimierungen spendieren kann. Wie und was der Web Storage ist erkläre ich euch jetzt. Local oder Session Storage? Der Unterschied zwischen dem Local Storage und dem Session Storage ist sehr einfach. Während der Local Storage über mehrere Sessions (unbegrenzte Dauer) hinweg…

weiterlesen

Adblocker mit Javascript feststellen

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…

weiterlesen

Wer schon einmal mit einem IPad oder oder einem IPhone im Internet gesurft hat, dem ist vielleicht aufgefallen, dass alle Videos automatisch im Vollbildmodus abgespielt werden. Dies hat den Hintergrund, dass Apple bei seinem Browser die interne Variable "allowsInlineMediaPlayback" abfragt. Auf IOS-Geräten ist diese standardmäßig immer FALSE. Auf dem IPhone ist daran auch leider nicht zu rütteln. Auf dem…

weiterlesen

4 Gründe für das Grid-Framework Gridle

In einigen aktuellen Frontend-Projekten baue ich Layouts mit Gridle.  Meine ersten Erfahrungen sprechen sehr für dieses, noch junge, Grid-System. Gridle bietet ausschließlich das Bereitstellen von Grid-Klassen mit weitreichender Responsive Webdesign Unterstützung. 1. Gridle ist in SCSS geschrieben Gridle  lässt sich somit hervorragend in das eigene…

weiterlesen

Pull-To-Refresh mit hook.js

Jedes kennt es von seinem mobilen Endgerät. Die bequeme Pull-To-Refresh Funktion, die viele Apps verwenden, kann jetzt auch schnell und einfach in deine Seite integriert werden. Mithilfe von hook.js. Das funktioniert genau so wie man es in den Apps geht. Scrollt man weit genug nach oben wird der Refresh des Browsers ausgelöst. Die ganz die komplette Seite aktualisieren oder aber nur ein bestimmten Bereich der…

weiterlesen

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

weiterlesen