Frontend Entwicklung

Heute stelle ich euch einen sehr simplen aber dafür sehr schönen Effekt vor, der jeden Frontend Entwickler die Augen glänzen lässt. Dafür benötigen wir nur zwei der neuen CSS3 Regeln - Gradient & RGBA. Für sich alleine sind diese zwei Effekte schon sehr mächtig, aber zusammen ergeben sie einen besonders schönen Effekt und auch der Browser Support…

Hallo Freunde der gepflegten Webentwicklung. Nachdem wir euch schon die Vorteile von CSS Preprozessoren wie LESS und SASS vorgestellt haben, soll es heute um objektorientiertes CSS gehen. Auch als Frontend Developer ist es heute üblich nach Prinzipien der Softwareentwicklung…

In meinen vorherigen Blog-Posts habe ich beschrieben wie man jQuery-Plugins programmiert und dynamisch mit der Lazy-Load Technologieweitere Scripte nachladen kann. Heute, in diesem Blog-Post möchte ich zeigen, wie man dieses Wissen einfach kombiniert und so eine modulare und wiederverwendbare Lösung schafft. Im ersten Schritt schafft man sich die Grundlage für das Plugin in dem man die Grundstruktur für jQuery Plugins…

Am 28. August 2012 haben die Entwickler von HTML5 Boilerplate, die Version 4.0 veröffentlicht. Ich möchte euch einmal die Neuerungen vorstellen. HTML5 Boilerplate HTML5 Boilerplate ist wohl der meist genutzte HTML Baukasten unter den Frontend-Entwicklern. Der Vorteil - Webseiten lassen sich schneller erstellen, da…

Damit Frontend- und Backend-Entwickler beim Erstellen von Webseiten eine immer gleiche Grundlage haben, bietet sich die Vererbung von Smarty an, die seit Version 3 zur Verfügung steht. Hierzu erstellt man als erstes ein…

Heute stellen wir euch ein weiteres Feature rund um CSS3 vor. An dieser Stelle ging es bereits um anspruchsvolle Text-Layouts aus  den Printmedien und hier um das Layouten mit dem Flexible Box Layout Module. In diesem Artikel stehen die Progress Bars im…

Im zweiten Teil zu jQuery Mobile widmen wir uns der Multipages und der Navigation. Diese Themen sollte sich jeder Mobiler Entwickler bzw. Webentwickler sehr genau anschauen, da es die Grundfunktionen von jQuery Mobile sind. Mehrere Seiten in einer HTML-Datei Um…

Icons im Web sind wie Straßenschilder. Sie sollen dem Besucher der Seite schnell Orientierung über seine Möglichkeiten verschaffen. Jeder Webentwickler stand aber sicher schonmal vor der Frage, woher man schöne Icons für sein Projekt bekommt. Mit diesem blog-Post möchte ich euch heute 3 Webseiten vorstellen, deren Icons man schnell und einfach nutzen…

Möchte man eine eigene Website für mobile Entgeräte erstellen, gibt es nur drei wirkliche Varianten für einen Frontend Entwickler. Sencha Touch, jQTouch oder aber jQuery Mobile. Mit letzteren werden wir uns heute beschäftigen. Voraussetzungen für jQuery Mobile jQuery Mobile benötigt nur einen modernen Smartphone oder Tablet…

Mehrspaltige Layouts werden seit einiger Zeit mittels floating von Elementen umgesetzt. Was einst gar nicht so gedacht war, hat sich als Rüstzeug für Frontend Entwickler etabliert.  Eben jenes Floating bringt aber auch das ein oder andere Problem mit sich. Elternelemente, die die floatenden Container umschließen sollten, tun das nicht. Der Coder muss ein…