- Burger Menu (checkbox trick, no js)
- Typografia responsive (rem unit)
- usar flexbox y un grid system
- usar el viewport meta
- media query en los elementos que lo requieran
- usar imagen con link geografico en lugar de mapa.
- explorar usar imagenes como inline data (para jpg o para svg)
- buena compresion de imagenes (imageoptim)
- buena seleccion de formatos (imagemagic)
- chequear usando page speed insights de google
- cambiar la imagen con
y si fuera beneficioso para el diseño en otros dispositivos - usar srcset y sizes para que el browser elija la imagen segun el tamaño que va a tener esa imagen en el viewport
- usar
para proveer fuentes alternativas (como webp)
- usar alt tag para accesibilidad.
- probar sitio con chromevox
- Usar rem como unidad
- 40-70 characters in line (ch como unidad?)
- Line height con buena proporcion
- Letter spacing
- SmartUnderlines
- Smartquotes http://smartquotesforsmartpeople.com/
- No usar blanco sobre negro, en vez de eso tal vez # 333 (menos negro) y # f6f6f6 (menos blanco)
- Kerning
- text-rendering: optimizeLegibility
- usar los HTML tags nuevos y de forma correcta (nav, main,article, section,figure, etc)