HTML+CSS

Enlaces

Varios

• Google Video Player Web App
• Cómo reescribir correctamente una URL desde el servidor
• Herramientas que no te pueden faltar como desarrollador web: 5 herramientas para testear la calidad del código desde el punto de vista de SEO, velocidad, etc.
• jsFiddle: Para testear código HTML+JS+CSS.
• NetRenderer: Renderiza una página con distintas versiones del motor de Internet Explorer.
• Análisis de UserAgent
• All About Floats: Explica el concepto de Clearfix.
• TheCodePlayer: Video style walkthroughs showing cool stuff being created from scratch :exclamation:
• What's My Chain Cert?: Comprobación de cadena de certificados en sitios HTTPS.
• Carrd: Simple, free, fully responsive one-page sites for pretty much anything.

Componentes

• Menucool Horizontal menu
• Wifeo Creative Code

SEO

• Guía de consejos de posicionamiento en Google
• Formatos de imagen: Guía de optimización

Fonts

• Web Safe Fonts Preview
• FontJazz - Embed fonts on web pages
• How to Embed Font in HTML Webpage – Custom Web Fonts
• Font Squirrel
• Google WebFonts
• Font Awesome: The iconic font designed for use with Twitter Bootstrap. Post que explica cómo se usa.
• Heroicons: Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

Frameworks

• Bootstrap by Twitter
  • Scaffolding
  • Componentes
• LESS
• Centurion
• IVORY

Rendimiento

• Using Page Speed for Google Chrome

HTML5

• Seis sencillas "buenas prácticas" cuando usemos HTML5
• HTML5 Cheat Sheet
• Con IndexedDB puedes almacenar offline una base de datos en un navegador

CSS

• Most Practical CSS Cheat Sheet Yet
• Recopilación de siete tutoriales sorprendentes de CSS3
• CSS-Tricks
• CSS contents and browser compatibility

Responsive Design

• Recommendations for building smartphone-optimized websites
• Skeleton
• Descripción de RD en Xitrus
• Screenqueries: Simular el funcionamiento de una página en las pantallas de los dispositivos móviles o en cualquier tamaño de pantalla. :exclamation:
• Media Queries: Recopilación de responsive designs.