Week 2

College 3

• Wildcars selector; handig ding maar makkelijk te misbruiken. Ook third party (plugins) gebruiken border-box. Gebruik alleen border-box op elementen waar dit eventueel handig op zou zijn. Er zal een device broken zijn als je margin: 0 of padding: 0 gebruiken.

Accepteer de browser verschillen, pas aanpassen als ze tegenwerken. Niet correctie op Wild Card.

• Pseude-class selectors; :focusweghalen mag niet, verbeteren mag wel.

• Specficity; Hoe specifiek richt je selector op je element. Maak selector zo genereik mogelijk. CSS parser: Selectors lezen van rechts naar links. Micro optimalisatie. Very specific vs less specific. .chat ol li footer p of .chat footer p ID is altijd specifieker dan meerdere attributes en elements.

Stylesheet moet exponentieel groeien. Tags > Attributess > Components > Layout > Theme > Helpers. Van basic > complex. Media queries binnen het component zetten in plaats van helemaal onderaan.

• Prefixes; Hoe bepaal je dat? Kans op buggy implementaties, let op performace, kijk naar browser usage per project.

• Input font-size; Mag over het algemeen wast groter. Font-size: 1em erop knallen. Of inherit.

• Media-item; Geheel klikbaar maken. .media-titem relative. pseude element over hele item neerleggen. Article gewoon in een anchor tag gooien?

• Intrinsic & Extrinsic sizing (expiremental)