Mostrar los tags: Responsive

En formato pdf. Contiene 52 páginas. (En formato diapositiva)

Aprenderás a desarrollar sitios web que se visualicen correctamente en todo tipo de dispositivos. Con una metodología basada en la accesibilidad, usabilidad y optimización del contenido.

Índice de vídeos:
1.- #HTML, Estructura y Contenido
2.- Tipos de Selectores #CSS
3.- Unidades de Medida #CSS
4.- Patrones #CSS
5.- Recomendaciones #CSS
6.- Recomendaciones en #JavaScript
7.- Recomendaciones #HTML5 y Arquitectura de la Información
8.- Estrategias de Diseño Web basadas en Navegador y Pantalla
9.- Estrategias de Diseño Web basadas en Cliente y Servidor
10.- Tipos de Posicionamientos en #CSS
11.- Tipos de Visualización #CSS
12.- Reset y Retícula de Maquetación #CSS
13.- Técnicas de Maquetación #CSS (1) Floats
14.- Técnicas de Maquetación #CSS (2) inline-block, table y flex
15.- #Flexbox #CSS (1/2) Atributos del elemento padre
16.- #Flexbox #CSS (2/2): Atributos de los elementos hijos
17.- Un poco de historia del #ResponsiveDesign
18.- #Viewport, Estructura Fluida y Fuentes
19.- Imágenes y Medios Flexibles
20.- #MediaQueries y #Breakpoints
21.- #Breakpoints y Pruebas #Responsive
22.- #DesktopFirst vs #MobileFirst
23.- Patrones de Diseño y #SEO
24.- #CuttingTheMustard
25.- #ProgressiveDisclousure
26.- Ejemplos #Modernizr (1/2)
27.- Ejemplos #Modernizr (2/2)
28.- #MediaQueries con #JavaScript
29.- Multimedia #Responsible (1/2)
30.- Multimedia #Responsible (2/2)
31.- Recomendaciones en Archivos #CSS y #JS
32.- #HTML5 #Cache
33.- Arquitectura de la Información del Proyecto
34.- Estructura, Carpeta y MetaEtiquetas del Proyecto
35.- Construyendo Micro #Framework #CSS: Reset
36.- Construyendo Micro #Framework #CSS: Grid
37.- Construyendo Micro #Framework #CSS: #Layout (1/2)
38.- Construyendo Micro #Framework #CSS: #Layout (2/2)
39.- Patrón de Navegación Móvil
40.- Cabecera #Responsive del Proyecto Final
41.- Diseño de Secciones (1/5)
42.- Diseño de Secciones (2/5)
43.- Diseño de Secciones (3/5)
44.- Diseño de Secciones (4/5)
45.- Diseño de Secciones (5/5)
46.- Optimización y Distribución del Proyecto Final
47.- #CSS

Este es un manual de Responsive Web Design, la técnica que permite hacer webs adaptables a las condiciones del ordenador o dispositivo que las está accediendo. También las conocemos como técnicas adaptativas, focalizadas principalmente a las dimensiones de la pantalla.

Responsive Web Design no es una única técnica, sino son un conjunto de ellas que nos sirven para hacer diseños adaptables al medio donde se van a consumir. Por tanto, este manual no tiene un principio y un fin que pudiera estar perfectamente definido, sino que se podría ampliar su contenido en función de las necesidades de los sitios web en la actualidad, experiencia de los escritores o las novedades en los estándares como HTML y CSS para facilitar la adaptabilidad del diseño web.

En Internet no hemos encontrado una información completa y ordenada de principio a fin, en español, sobre Responsive Web Design, por lo que nos hemos decidido a escribir este texto que esperamos sirva de referencia para quien comienza a interesarse por la adaptabilidad del diseño o incluso para quien ya aplica el "Responsive".

En formato pdf. Contiene 59 páginas.