Rules & Guidelines for Toucaan.
Few of the important things in life to note before we toss around ourselves:
- Never use !important on your CSS.
- Keep portrait mode your first point of entry for styling of any new webpage.
- The most ideal baseline is Critical CSS with an aim to keep the above-the-fold source under 14 KB (compressed) and with the quickest FCP.
- Naming convention: Stick to full English words instead of shortforms or abbreviations.
- Keep nesting CSS to a single level, avoid specificity hell.
- Accessibility is essential.