Frontend Entwicklung

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…

Beim Gestalten von Mailings für Mobile Devices gibt es vieles zu beachten. Zum Glück haben wir einige Tipps für Dich. Mobile First Mach dir zunächst Gedanken wie die Mail auf einem Mobile Device ausschauen soll und baue darauf die Ansicht für eine volle Breite auf. Auf mobilen Geräten sind die Platzumstände und Layout-Möglichkeiten beschränkter, so kannst du potentielle Probleme schneller…

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…

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…

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…

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…

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…

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…

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…

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…