25. Juni 2010
@font-face Smiley Variation
Wieder was gelernt: Den lokalen Font beim @font-face-Einsatz als Smiley darstellen. Hier gibt den Anstoß von Paul Irish, hier eine deutsche Erklärung.
17. Juni 2010
Letterpress- und Embosseffekte mit CSS
Mit wenigen CSS-Anweisungen erstellt man beeindruckende Texteffekte: Mittels text-shadow kann man so Letterpress- und Emboss-Effekte erzeugen, die man sonst nur aus Bildbearbeitungsprogrammen kennt. Wie gehts’? Jeder Schatten wird durch 4 Werte erzeugt: Versatz links – Versatz oben – Unschärfe (Blur) – Farbe. Schatten nach innen erhält man durch negative Werte für den x-/y-Versatz. Natürlich können …
24. Februar 2010
nth-child und nth-of-type erklärt
Tim Tepaße hat sich schon vor längerer die Arbeit gemacht und einen kleinen Testcase für nth-child und nth-of-type erstellt: Tests für nth-child und nth-of-type. Fürs Verständnis wirklich sehr hilfreich.
2. Februar 2010
Mut zum Weglassen
An dieser Stelle sei noch einmal darauf verwiesen, das Ignoranz gut fürs Webprojekt sein kann. Andy Clarke sagte im Dezember “Ignorance Is Bliss”, Unwissenheit macht glücklich. Oder anders vormuliert: Make Your Mockup in Markup. Oder noch ein wenig anders: Tschüss, IE6!.
Bessere Userinterfaces mit CSS3
Ein gutes Beispiel für einfache User-Interfaces mittels CSS3 lieferte Sean Martell mit seinem Artikel “CSS3 & Flexible UI: Avoid Recutting UI Graphics for Mobile” bereits im April 2009. What if we could replace almost all of the graphical UI elements within Fennec with CSS created equivalents? As a designer, am I comfortable bypassing Photoshop and …
18. August 2009
CSS-Hacks im Überblick
Je größer das Projekt, desto größer die Wahrscheinlichkeit am Ende vor Layoutproblemen zu stehen. Oft helfen dann nur CSS-Hacks.
15. Juli 2009
Komodo-text-shadow-Hack für Safari 4
Nur als kleine Erinnerung: Wer den text-shadow-Hack für bessere Darstellung von heller Schrift auf dunklen Hintergründen auch im Safari 4 nutzen will, sollte den Artikel “Safari’s text-shadow anti-aliasing CSS hack Revision” von Rogie lesen.
19. Mai 2009
Schöne CSS3-Buttons
Ganz ohne Grafiken kommen die Super Awesome Buttons with CSS3 and RGBA aus.
2. April 2009
CSS Naked Day am 9. April 2009
Am 9. April ist wieder CSS Naked Day. Also runter mit den Styles und Quelltext zeigen!
2. März 2009
Timelapse CSS
Eine wirklich unterhaltsame Idee: Timelapse CSS (Bookmarklet für Safari) lässt Webseiten auf CSS-Basis Stück für Stück “entstehen”. Verwendungszweck: So kann man Kunden zeigen, wie man selbst arbeitet.
