Html E-Mail-Entwicklung und Testing mit Foundation for Emails, Gmail und Postfix

von

Zurb hat das E-Mail-Framework Foundation for Emails (früher Ink) überarbeitet, Version 2 steht vor der Tür (Migration Guide). Und es gibt ein super Template mit Handlebars, eigener Template-Engine Inky, Scss und Email-Inliner! Wie man diesem Setup Test-E-Mails beibringt, habe ich kürzlich herausgefunden.

Skewed full width menu with scss

von

Gestern stieß ich auf dieser schönen Webseite auf ein Menü mit rhombischen Elementen – und habe mir, neugierig wie ich war, gleich angeschaut, wie es gemacht ist. transform: skew() ist der Trick, für das innere Element dann in negativer Richtung, damit der Text auch schön grade steht… nun habe ich mir mal ein fullpage Beispiel […]

:last-child vs. :not vs. & + &

von

Bekanntes Szenario: das letzte einer Reihe von Elementen (ob nun Listen- oder andere Html-Elemente) muß anders gestyled werden als der Rest. Wie selected man nun die Elemente auf elegante Art?

Pinboard Linkroll – ein RSS Widget für WordPress

von

Nachdem Delicio.us vor einigen Jahren so kramig wurde, migrierte ich meine ganzen Bookmarks zu pinboard.in, wo ich immer noch sehr zufrieden bin mit der übersichtlichen Art des Service, auch Android Apps gibts schöne, also nix zu meckern. Auf dieser Seite benutzte ich lange Zeit ein Javascript, um eine Linkroll zu haben, nur fiel mir irgendwann letztens […]

Grunt: unbenutzte Css-Deklarationen entfernen mit UnCSS

von

Bootstrap als Starterkit zu nutzen, ist eine schöne Sache, wie auch hier beschrieben. Es kann aber dazu kommen, daß man sich auch für kleine Projekte mit 50k+ Stylesheets konfrontiert sieht, selbst wenn man nur die tatsächlich genutzten *.less Files einbindet. // Core CSS @import „scaffolding.less“; @import „type.less“; //@import „code.less“; @import „grid.less“; //@import „tables.less“; @import „forms.less“; […]

Mehrere Google Maps mit zentriertem Marker in Foundation Reveal Modals auf einer Seite

von

Neulich stand ich vor einem auf den ersten Blick verzwickten Problem. Es sollten auf einer Seite Google Maps gezeigt werden. Mehrere. Diese sollten zudem in Modal Fenstern eingebunden sein. Da die Seite mit Foundation gebaut ist, musste ich also Reveal Modal Fenster benutzen. Nun stellte sich aber beim ersten Versuch, die Google Maps mittels iFrame einzubinden, heraus, […]