Diseño wed responsivo by Dani Diza https://padlet.com/diazdanilo340/lu0tefoxu26odz1x en-us 2022-09-08 23:45:23 UTC 2022-09-21 03:38:11 UTC hello@padlet.com diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288960562 Un diseño web responsive es el que es capaz de adaptarse a pantallas de diferentes tamaños con un solo sitio web. El sistema detecta automáticamente el ancho de la pantalla y a partir de ahí adapta todos los elementos de la página, desde el tamaño de letra hasta las imágenes y los menús, para ofrecer al usuario la mejor experiencia posible]]> 2022-09-08 23:47:27 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288960562 diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288961198 Como definición rápida, diremos que viewport podría traducirse como vista o ventana y nos sirve para definir qué área de pantalla está disponible al renderizar un documento, nivel de escalado y el zoom que debe mostrar inicialmente. Todo ello, con parámetros que le damos a la propia etiqueta META]]> 2022-09-08 23:48:29 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288961198 diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288971096 Para hacer un diseño responsive tienes en tu mano varias herramientas.
La primera es poder contar con una buena plantilla de WordPress, esto es vital hoy día y aunque la mayoría lo son todavía te puedes llevar alguna sorpresa.
Divi, Generatepress, Astra, Ocean, Bridge, cualquiera de ella hace una buena función responsive.
Elementor es un maquetador que permite diseñar un diseño web con un sistema sencillo de arrastrar y soltar elementos (Drag and drop) pero el punto fuerte es poder diseñar la web específicamente en versión, desktop, Tablet y mobile.
De esta manera realizas un diseño 100% responsive maquetando directamente en móvil.
]]> 2022-09-09 00:04:18 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288971096 diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288975777 Lighthouse es una herramienta de código abierto (open-source) que brinda una manera de analizar el desempeño de un sitio específico a cada dispositivo.

Foo usa Lighthouse detrás de escena para monitorear el desempeño de un sitio web y brindar feedback para su análisis. Se puede configurar el monitoreo para ambos escritorio y dispositivos móviles y obtener feedback continuo acerca de qué tan responsive es tu sitio web.

Por ejemplo, un reporte de Lighthouse mostrará las imágenes que son cargadas inapropiadamente basada en el dispositivo.

]]> 2022-09-09 00:11:14 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2288975777 diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290316234 2022-09-09 22:45:33 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290316234 diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290316597 2022-09-09 22:46:37 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290316597 diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290317210 2022-09-09 22:48:12 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290317210 diazdanilo340 https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290319509 2022-09-09 22:54:03 UTC https://padlet.com/diazdanilo340/lu0tefoxu26odz1x/wish/2290319509