css-links

Meine Links zum Thema CSS, CSS3 & Co.

Allgemeine Links

1. CSS3-Generator – der Name ist Programm. Generiert u.a. Verläufe, Schatten und abgerundete Rahmen.
2. ProCSSor – CSS-Dateien komprimieren, verschönern

Spezifische Links: Anleitungen, Code-Beispiele

1. Sticky Tape - Step By Step Guide – wie man den Effekt "Bild mit Klebestreifen befestigt" mit CSS3 umsetzt. Eine Demo (Fiddle) mit einem ähnlichen Ansatz.
2. 30 Open Source CSS3 Code Samples for Web Developers
3. Vertical align anything with just 3 lines of CSS
4. 12 Awesome CSS3 Features That You Can Finally Start Using
5. Practical CSS3 tables with rounded corners
6. CSS3 animated dropdown menu
7. Cross-browser CSS gradient buttons
8. CSS3 breadcrumbs – Brotkrümel-Navigation mit CSS3 stylen
9. Addressing The Responsive Images Performance Problem: A Case Study
10. Inline Anchor Styles – Ein paar Inspirationen wie man Links stylen könnte.

Font-Icons

1. CSS Buttons With Icons But No Images
2. Pure CSS icons
3. Verwendung von Zeichen-Escapes in Markup und CSS – wichtiger Artikel um den Unterschied von der Notation zwischen HTML und CSS zu verstehen. Um z.B. ein Stern in HTML abzubilden (★) kann man dezimal (★) oder hexadezimal (★) arbeiten. In der CSS-Datei greift man auf die hexadezimale Schreibweise zu und "escaped" den Wert: "\2605";.
4. Einige Font-Icons und eine Liste mit Zeichen (HTML Entities, Dezimal und Hexadezimal).
5. Just some other awesome CSS3 buttons
6. Inline SVG vs Icon Fonts