Unwissenheit ist Stärke

Tag: CSS

Responsive Navigation Patterns

Brad Frost stellt die Vor- und Nachteile einige Navigations Muster vor die sich für Responsive Design eignen. 7 Ansätze werden in dem Beitrag beleuchtet: Top Nav or “Do Nothing” Approach The Footer Anchor The Select Menu The Toggle The Left Nav Flyout The Footer Only The “Hide and Cry”

Image Effects with CSS

Nick La stellt einige schöne Bildeffekt vor – embossed, soft embossed, cutout und glossy. Various styles such as embossed, cutout / pressed, and glossy effect can be achieved using multiple inset box-shadows. You can also use the :before element to another layer of effect such as glossy gradient. See the demo source code for CSS […]

Sprite Generator für den Mac

SpriteRight schaut wie ein fantastisches Tools aus. SpriteRight is a CSS spritesheet generator for the Mac that lets you import your existing images or stylesheets. Leider nur für OS X 10.7 und nur über den AppStore. Der zweite Punkt nervt mich ein wenig. Warum kann man Software denn nicht “normal” kaufen, also ohne Apple ID, […]

CSS Performance

Juriy Zaytsev hat einen sehr ausführlichen Post über CSS Profiling und Performance geschrieben. The fastest rule is the one that doesn’t exist. There’s a common strategy to combine stylesheet “modules” into one file for production. This makes for one big collection of rules, where some (lots) of them are likely not used by particular part […]


Firefox presently displays alt text for every broken image on the page. This may not be helpful for the purposes of debugging because the text may blend into the page. By using -moz-force-broken-image-icon, you can fore the broken image icon instead of the alt text via David Walsh