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

Automatické nástroje pro kvalitní CSS @robinpokorny

Co nás trápí

Deklarativní ???

Funkční Kvalita Technická

instacod.es/102899

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

csslint.net

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

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

„Teď! Takhle to má vypadat.“

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

hardy.io

instacod.es/102913

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

???

?

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

instacod.es/102901

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

@robinpokorny me@robinpokorny.com

Robin Pokorny
@robinpokorny

1 / 22

(in Czech)

The declarative nature of CSS makes maintaining a high-quality code base in a team even harder. Take advantage of easy-to-use static code analyzers, linters, and testing tools to help you discover mistakes, code smells, and bad practices. These tools not only check syntax and visual appearance, but also correct semantic markup and implementation – the perfect companions to modular styles. This talk will show you how to interpret analysis reports and test existing CSS.

Video