advanced.md

Advanced

UX

• UX Basics

CSS

• CSS Guidelines
• OOCSS
• SMACSS
• BEM
• Web Typography
• Vertical Grid
• Baseline Grid

Flexbox & Grid

• Complete Flexbox Guide
• Flexbox Cheatsheet
• Flexbox Game
• Flexbox vs Grid
• Grid Reference
• Advanced Grid Techniques

Typography

• Web Typography 101
• Balancing line-height and font-size
• Responsive - REM global and EM local
• 16px, anything else too small
• Your body text is too small
• Responsive font-size
• Fluid Typography

Responsive Web Design

• Mobile first 2010
• The many faces of mobile first 2012
• Media queries mobile first 2014
• Responsive Web Design Basics
• Media queries in 2018
• Responsive Design Patterns
• Responsive images
• Responsive Tables

Progressive Web Apps

• Google resources
• App Shel Pattern

OpenGraph (Facebook)

• Quick Tutorial
• Open Graph Protocol Specification
• Facebook Sharing 101
• Facebook Sharing Best Practices

Accessibility

• Intro
• ARIA

Security

• no opnener

OpenGraph