- developer.mozilla.org (documentation about html, css and js)
- susydocs.oddbird.net (susy documentation)
- sass-lang.com/documentation (sass documentation)
- getbem.com (BEM)
- html5doctor.com (expl. when you should use which html element)
- css-tricks.com
- caniuse.com (database of browser support for specific feature)
- the-echoplex.net/flexyboxes (Flexbox generator)
- define colors in the
style.scss
with the naming convention$color-colorName-modifier
(example:$color-grey-light
) - try to avoid
z-index: -1
- Don't use
id
's within stylesheets, use them to link elements within html - Don't style elements without using a class (on it self or parent) (excluding base styles)
- Don't set a font-size in pixels, use rem (example:
font-size: rem(14px);
) - Don't set offsets with
margin
orpadding
, try one of beneathfloat
vertical-align
display: table
display: flexbox