Posts von chris

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…

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…

Über 50% aller E-Mails werden mittlerweile auf einem Mobile-Device geöffnet, gleichzeitig sind die Anforderungen an den Code einer robusten E-Mail alles andere als leichte Kost und "schön" ohnehin nicht. Grund genug sich ein Framework zu suchen, dass die Arbeit erleichtert. Mit Ink haben wir zuletzt sehr gute Erfahrungen…

Diese Woche gibt es mal wieder bunte Kiste Frontend-Entwickler-Links für euch! . Themen: E-Mail Templates, Responsive Webdesign, JavaScript CSS3-Animation Events und die guten alten iFrames. Responsive E-Mails Step-By-Step Immer mehr E-Mails werden zuerst auf dem Handy gelesen. Grund genug sich um das Responsive verhalten von Newslettern gedanken zu machen. Dieser Artikel bestehend aus 9-Schritten zum…

Statt eines Blog-Posts stelle ich diesmal eine Reihe von Seiten vor die ich die letzten Tage gebookmarkt habe. Static Site Generators Sven Wolfermann hat einige Tools zum generieren statischer HTML-Websites unter die Lupe genommen. Diese nutzt er um schnell Prototypen zu erstellen. Für die ein oder andere Anwendung sicher auch eine interessante alternative zu schweren…

Für Google Chrome gibt es zahlreiche Erweiterungen in allen Bereichen der Web-Entwicklung. PerfectPixel hilft beim Vergleich zwischen der Vorlage und dem Ergebnis im Browser. Schnell im Chrome Web Store installiert, kann man mit PerfectPixel Websites mit Screendesign-Grafiken…

SVG (Scalable Vector Graphics) ist ein Format um Vektorgrafiken im Browser darzustellen. Das bedeutet die Formen und Farben werden nicht als feste Pixelwerte erzeugt sondern nach einer Beschreibung berechnet. Da die Werte der Grafiken direkt im Quellcode zugänglich sind haben…

Shortcodes ermöglichen es in Wordpress für Redakteure ohne technisches Wissen an beliebiger Stelle bereitgestellte Funktionen auszuführen. Heute zeige ich euch wie man Shortcodes leicht selber programmiert. Aufruf und Möglichkeiten Die Syntax um fertige Shortcodes aufzurufen ist im einfachsten Fall [shortcode_name]. Auch ist es möglich diesem Shortcode Werte zu übergeben um komplexerer Funktionen zu…

Die Eigenarten des CSS Box-Models sind häufig einer der ersten Stolpersteine für CSS-Anfänger, da dieses sich von Natur aus nicht so verhält wie man es intuitiv erwarten würde. Als routinierter CSS-Autor hat man sich so an das ein oder andere Hilfskontrukt gewöhnt. Zum Glück gibt es die Eigenschaft box-sizing:border-box. Das Box-Model Während sich normalerweise Padding- und Border-Breiten eines Elementes zu…

Bei Emmet, vorher unter dem Namen Zen Coding bekannt, handelt es ich um ein Plugin das für zahlreiche Code-Editoren verfügbar ist und einen das Schreiben von HTML sehr vereinfachen kann. Das Hauptfeature von Emmet ist das umwandeln kurzer Code-Zeilen in ganze Markup-Strukturen. Im einfachsten Fall wandelt Emmet die Eingabe #foo direkt in <div id="foo"></div> um. Die wahre…