Css - Tricks
Css hat seit der Version 1 seine Möglichkeiten erweitert bis hin zu kleinen Rechenoperationen wie calc mit den Grundrechenoperationen .
Beispiel : width: calc(100% - 100px); oder width: calc(100%/5); als Css-Attribut
1. Eine Möglichkeit, eine Klasse hinzuzufügen geht statt mit jquery auch über DOM 'classname' wie z.B.
document.getElementById("id1").className = "style1"; //neue Klasse auch "styl1 style-alt" oder auch
document.getElementById("id1").className += " style1"; //erhält style-alt
( id=id1 class="cls1"; ---> id1.classname = id1.classname + " class2"; funktioniert nicht immer)
2. after, before näheres dazu auf molily.d. Ein dortiges Beispiel :
a[hreflang][target="_blank"]:before { content: "[^" attr(hreflang) "]"; color: #f00; }
Einige css-relevante Seiten :
- css-tricks.com - Pseudo class selctor and more
- mediaevent.de
- molily.de
- Prefixer
- css - grid - layouts
- Mozilla developer network
- pngquant - reduziert png-Bilder - verlustfrei mit optipng
- TinyJPG
- Base64-Image
- cssportal mit vielen Tools
- Generateit.net mit Template - Generator