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
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 […]
Kein Css, kein Javascript, oder eines fehlt… was tun?
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, […]
Css zum Html-Checkup benutzen – wieder was gelernt.
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 […]
Css-Sprites, garniert mit jQuery
Vor einiger Zeit gab es bei A List Apart einen ausführlichen Artikel zum Thema Css-Sprites zu lesen. Diese Technik nutzt ein einzelnes Gif, auf dem mehrere oder gar alle benötigten Bilder einer Seite untergebracht sind. Durch unterschiedliche Positionierung des Bildes im Background des jeweiligen Elements via Css können dann die Pseudoklassen wie :hover mit unterschiedlichen […]
CRIR: Checkbox & Radio Input Replacement
Auch wenn mich die Angst beschleicht, daß die Sache nicht soooo browserkompatibel ist: Stylische Checkboxen und Radio Buttons beommt man mit CRIR, einem kleinen Konstrukt von Cris Erwin.