CSS Code Quality with Automatic Tools (Automatické nástroje pro kvalitní CSS)

A presentation at WebExpo 2015 in September 2015 in Prague, Czechia by Robin Pokorny

Slide 1

Slide 1

Automatické nástroje pro kvalitní CSS @robinpokorny

Slide 2

Slide 2

Co nás trápí

Slide 3

Slide 3

Deklarativní ???

Slide 4

Slide 4

Funkční Kvalita Technická

Slide 5

Slide 5

instacod.es/102899

Slide 6

Slide 6

Funkční Technická Nastavení Použití

Slide 7

Slide 7

csslint.net

Slide 8

Slide 8

Slide 9

Slide 9

Slide 10

Slide 10

Funkční Technická Nastavení Použití

Slide 11

Slide 11

Huddle/PhantomCSS bbc-news.github.io/wraith cburgmer.github.io/csscritic

Slide 12

Slide 12

„Teď! Takhle to má vypadat.“

Slide 13

Slide 13

Porovnání obrázků Funkční Technická Nastavení Použití

Slide 14

Slide 14

  • hardy.io

Slide 15

Slide 15

instacod.es/102913

Slide 16

Slide 16

getComputedStyle Funkční Technická Nastavení Použití

Slide 17

Slide 17

???

Slide 18

Slide 18

?

Slide 19

Slide 19

„Definice sémantiky v doménovém slovníku tříd.“

Slide 20

Slide 20

instacod.es/102901

Slide 21

Slide 21

You @should look at @should at robinpokorny.github.io/at-should! Prosím o otázky, diskuzi a zpětnou vazbu.

Slide 22

Slide 22

@robinpokorny me@robinpokorny.com