1. Eine kurze Einführung
Nico Schober
für die Hacker School Bremen
12.10.2014
info@nicoschober.com
https://twitter.com/schobi
https://www.facebook.com/nico.schober
2. HTML & CSS
ist keine
Programmierung
info@nicoschober.com
https://twitter.com/schobi
https://www.facebook.com/nico.
schober
3. CSS IST NETT,
ABER...
● Es fehlen ein paar Features
● Viel Wiederholung
● Schwierig zu pflegen / warten
● Alles wiederholt sich sich
info@nicoschober.com
https://twitter.com/schobi
https://www.facebook.com/nico.schober
4. SCSS
ul{
padding: 0;
li{
color: blue;
a.link{
text-decoration: none;
color: black;
}
}
a{
color: #C0FFEE;
}
}
CSS
ul{
padding: 0; }
ul li {
color: blue; }
ul li a.link{
text-decoration: none;
color: black; }
ul a {
color: #C0FFEE; }
VERSCHACHTELUNG
info@nicoschober.com
https://twitter.com/schobi
https://www.facebook.com/nico.schober
10. ● CSS Klassen lassen sich verschachteln
● Werte können in $variablen gespeichert werden
● Wiederkehrende Elemente lassen sich mit @mixin's
einfügen
● Ein @mixin kann auch mit Parametern aufgerufen
werden
● Es gibt Mixin-Bibliotheken wie Compass oder
Bourbon, die bereits viele Mixins mitbringen
● Funktionen können viel Arbeit ersparen...
● ... und für uns rechnen
● Vererbung ist super
info@nicoschober.com
https://twitter.com/schobi
https://www.facebook.com/nico.schober