I. Self-documenting code

Code review

Zásady tvorby samodokumentujúceho kódu• malé logické bloky kódu

• dekomponovanie SASS do súborov/priečinkov

• rozbitie veľkých metód do menších

• minimálny nutný HTML markup

• vhodné názvy premenných (the longer the better)

• common sense

Komentáre

II. Ako pracujem na frontende

CSS• - využívanie kaskády

• - vhodná práca so špecifitou

• - logické celky v SASS

• nevýhoda zbytočná scoped špecifita

• scoping v SASS/HTML (ala WP)

Utility classes• Používam:

• container

• hidden

• clearfix

• hidden-{phone, tablet, desktop}

• pull-left, pull-right

• col-(#) - začínam sa vyhýbať

Konkrétny príklad• .about

• .container

• h2

• ul

• li

• h3

• li

• img

• p + strong

Užitočné čítanie• http://snook.ca/archives/html_and_css/understanding_c

• http://csswizardry.com/2012/11/code-smells-in-css/

• http://tzi.fr/css/selector/meaningful-selector-specificity-measure

• http://www.vanseodesign.com/css/scalable-maintainable/

• http://cwebbdesign.tumblr.com/post/23666803241/scalable-and-maintainable-css-approaches

• http://cssguidelin.es/

• http://sass-guidelin.es/

• https://medium.com/@drublic/css-naming-conventions-less-rules-more-fun-12af220e949b

• http://thesassway.com/advanced/modular-css-naming-conventions

Ďakujem za pozornosť.