U+ Coding Guide

This document describes best practices to follow when coding html, css, js, twig...

TOC

• Workflow
  • Understanding design
  • Daily work on project
  • Pre deploy checklist
• Twig
• Javascript
  • Build tool - Webpack
• Stylesheet architecture
  • Bliss
• Seed

Workflow

Understanding project desing

• Spend first day with design analysis (All coders together)
  • Check if everything is correct and make sense - if not discuss it with PM and Designer
  • Ask designer for style guide (base elements, colors, sizes...)
  • Split design to modules (Section, Btn, Link, Headline...) - Write on paper

Daily work on project

• Every day spend 15 minut with design analysis, everyone to know what is done and what remains to be done

Pre deploy checklist

• Favicons
• robots.txt
• sitemap.xml
• Google Analytics
• more tracking codes?
• custom error pages exists (and properly set up in .htaccess if necessary)
• all links work (crawl it, baby!!! - e.g. W3C checklink)
• CSS and JS in least requests and minified
• All images are compressed
• titles and metas (particularly meta description)
• OpenGraph properties
• No errors in console
• No console.logs in cosole