Posts von stefan

An dieser Stelle wollen wir euch wieder eine interessante Neuerung aus dem Fundus rund um CSS3 vorstellen: Nummerierte Listen mit der counter-Eigenschaft. Jeder Frontend Entwickler kennt die guten alten nummerierten Listen. Einfach ein list-style: decimal hinzufügen und die gewünschte Liste ist schön durchnummeriert. Doch was wenn diese auch noch ansprechend…

An dieser Stelle habe ich euch bereits erste Schritte und Möglichkeiten von CSS Animationen vorgestellt. Am Ende stand auch ein kleines Beispiel, welches erst mal dazu diente, die Thematik zu erfassen. Heute wollen wir euch ein schöneres Beispiel aus dem echten Leben eines Web Entwicklers…

Hallo Freunde der Web-Entwicklung. Heute soll es um die Fehlerbehandlung in Javascript (folgend JS) gehen. JS wird heute nicht mehr einfach nur zum Validieren von Formularen oder anderen kleineren Spielereien genutzt. In vielen modernen Web-Anwendungen ist JS zentraler Bestandteil der Site. Schaut man sich z. B. GMail an, stellt man fest, dass es schon echte JS-Anwendungen geworden sind, mit denen wir User im Web interagieren. Folglich…

Als Frontend-Developer erleben wir in den Zeiten von CSS3 neuen Luxus. Immer seltener bemühen wir Grafik-Tools wie Photoshop um visuelle Reize zu setzen. Runde Ecken beeindrucken dabei schon keinen mehr. Inzwischen geht es um "echte" Layouts aus dem Printbereich, Animationen, Verläufe, den "Float-Killer" FlexBox usw. Doch beim alltäglichen Arbeiten mit den…

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…

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…

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…

Animationen waren schon immer ein gutes Stilmittel die eigene Website zu bereichern. Browsergames kommen nicht ohne sie aus. Aber auch einfache Sites profitieren von tollen Animationen wie: - 3D-Menüs mit weichen Effekten (Stichwort "Smoothness") - Links, Buttons, Input-Felder usw. können mit ebenso weichen Feedback-Animationen ausgestattet werden - Coole Übergänge in Bildergalerien und Listings - usw.…

Ihr habt das eine oder andere Projekt unter Berücksichtigung von Responsive Webdesign umgesetzt und freut euch nun, dass die Seiten auf allen Displaygrößen gut aussehen. Doch die Bilder werden noch mittels CSS Media Queries im Browser skaliert, was euch stört, weil die Rechenpower der mobilen…

Ihr wollt ein neues, modernes Web-Projekt auf die Beine stellen und seid dabei diverse Tools in euer Rohgerüst zu integrieren? Dazu gehört evtl.: Die HTML5Boilerplate (H5BP) Twitters Bootstrap (erfreut sich immer mehr Beliebtheit) und vielleicht auch noch den…