2015
CSS/Eigenschaften/Textausrichtung/Spalten
Durch das Spaltenlayout ist es möglich, den Inhalt eines Elementes in mehrere Spalten aufzuteilen. Im Gegensatz zu Tabellen mit mehreren Spalten, ist dieses Layout flexibel, das heißt z.B. dass Spaltenumbrüche bei Bedarf erfolgen und die Anzahl der Spalten ebenfalls in Abhängigkeit von der Breite des Browserfensters variabel ist.
2014
Don’t use ids in selectors!? – Ein Web-Mythos
»Don’t use ids in selectors« ist ein Mythos der Webentwicklung. Auf ids im CSS zu verzichten ist nicht sinnvoll. Im Gegenteil. Wer auf ids verzichtet, der beraubt sich einer großartigen Möglichkeit, die CSS genauso vorgesehen hat und die CSS ausmacht.
Working With RGBA Colour ◆ 24 ways
CSS3 introduces a couple of new ways to specify colours, and one of those is RGBA. The A stands for Alpha, which refers to the level of opacity of the colour, or to put it another way, the amount of transparency. This means that we can set not only the red, green and blue values, but also control how much of what’s behind the colour shows through. Like with layers in Photoshop.
Schreiben mathematische und chemische Formeln auf Web mit CSS
Doppelpfeil ♦ Brüche ♦ Oxidationszahl ♦ Vektoren ♦ Limes und Massenzahl ♦ Summe und Integrale ♦ Wurzeln
CSS Guidelines (2.0.16)
by 2 othersHigh-level advice and guidelines for writing sane, manageable, scalable CSS
Font-To-Width
(via)Font‑To‑Width does not scale the font-size. Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.
10 Easy Image Hover Effects You Can Copy and Paste
by 1 otherEach example comes with an HTML and CSS snippet that you can steal and a live demo so you can see it in action.
2013
SVG Tabs (Using an SVG Shape as Template) | CSS-Tricks
An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then use it multiple times throughout a page. You can even apply different fills and filters and whatnot to the different versions. SVG templating, if you will.
Einfaches Dropdown oder elegantes Styling
Eine moderne Website berücksichtigt mobile Endgeräte. In vielen Fällen setzen Webworker dafür auf CSS3-Media-Queries, bekannt unter dem Begriff »Responsive Design«. Auch die Navigation wäre einfach mit CSS zu gestalten, gäbe es da nicht das Problem mit der Hover-Funktion auf Touchscreen-Geräten.
Responsive Elements - Helps you build better responsive websites
Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.
