CSS Sprite Workflow mit Compass und Sass

von

Schon vor einiger Zeit habe ich angefangen, Compass mit Sass zu benutzen. Die Vorteile dieses  CSS-Preprozessors wurden ja schon ausgiebig gefeiert, Neues zum Thema findet sich zb. bei The Sass Way. Was mir bisher völlig durch die Lappen ging, ist das Superfeature der automatischen Sprite Erstellung. Hier darauf gestoßen, dann gleich selbst ausprobiert – total […]

Das HD-Web und was man dafür tun kann

von

Da ich bisher das Thema nur kollateral wahrgenommen habe, trifft es sich gut, als Einstieg auf MediaLoot eine übersichtliche und verständliche Zusammenfassung zu finden. Der Artikel spricht von der Verwendung von SVG, Icon Schriften und der Notwendigkeit, Interface Elemente mit CSS zu gestalten, um die Skalierbarkeit zu garantieren, von gängigen Techniken, um verschiedene Bildgrößen an […]

Custom Cursors mit Css

von

Wieder was gelernt… aber mit einigen Umwegen. Die Aufgabe: bestimmte Navigationselemente einer Seite sollen einen custom Cursor erhalten. Die 3 gesammelten Erkenntnisse hierzu: Cursor für IE, Firefox und andere Alles nicht so einfach, wie man sich so oft wünschen würde, schreibt Adrian Ber: cursor: url(cursor.cur),url(cursor/cursor.cur),default; So everytime you want to define a crossbrowser CSS cursor you […]

Schlagwörter:

Kein Css, kein Javascript, oder eines fehlt… was tun?

von

Auch im Rahmen dieses Projektes habe ich mich gefragt, wie man eine Fehlermeldung bauen kann, die sowohl erscheint, wenn der Benutzer Javascript ausgeschaltet hat, als auch, wenn sein Browser kein Css kennt, als auch, wenn beides der Fall ist. Meine Lösung mit jQuery setzt sich aus drei Teilen zusammen. Hinter dem Body-Tag: Der dirty Hinweis, […]

Wieviele User haben Javascript ausgeschaltet?

von

Diese Frage war für mich eben interessant, da an einem gerade fertig werdenden Projekt nichts graceful degraded, und auch nichts progressive enhanced, sondern einfach nur un-accessible vor sich hin-jqueried. Da kam mir diese Statistik nur recht – ein Prozent aller User haben durchschnittlich kein Javascript zur Verfügung, na wenn man die nicht ignorieren darf! Danke, […]

Css zum Html-Checkup benutzen – wieder was gelernt.

von

Jens Meiert, Verfechter sauberen Htmls und Accessibility-Enthusiast, hat im Rahmen seiner Arbeit für Google ein Css-Dokument geschrieben, welches auf den schönen Namen QA Style Sheet (auch das erste Mal gehört: Quality Assurance) hört. Das Dokument hebt folgende Html-Elemente farbig hervor: Errors: deprecated elements like applet, basefont, center, dir, font, isindex, menu, s, spacer, strike, and […]