Como lograr un sitio web que sea responsive

Habrás escuchado la palabra responsive muchas veces. Es pocas palabras te lo explico, es la habilidad de tu sitio web se adapte a cualquier tamaño de pantalla sin romperse (tanto visual como funcionalmente).

¿No te ha pasado que entras a un sitio web desde el celular y parece que rompiste algo en el sitio web, o algo no funciona, o algún botón o element se sobre pone? Ese sitio la falla algo a su responsiveness.

¿Porque es algo deseado? Cubres dos necesidades de un solo producto. Desarrollas un sitio para computadores, laptops o pantallas grandes en general y un sitio que se adapte a pantallas pequeñas, celulares, ipads, kioskos, etc. Esto es algo necesario hoy en día, tomando en cuenta que el mayor trafico de tus clientes potenciales viene de un móvil.

Entonces te preguntaras, ¿Cómo hago el mío responsive? Manera fácil: contrata a un experto como yo 🙂

Manera difícil: aprende css, diseño, ux ,etc. Si ya sabes todo eso, se te hará mas fácil, tu fiel amigo sera un componente del lenguaje css llamada **media querys**. Esto te permite delimitar o especificar un tamaño de pantalla especifico y aplicar reglas de diseño (Css) especificas para ese tamaño de pantalla. Claro los medias querys te pueden servir para muchas cosas más complejas.

Así que ya lo sabes, cuando te pregunten que es responsive, ahora ya lo sabes.

Próximamente hare un tutorial mas técnico con ejemplos de cómo se puede llevar a cabo esto. Suscribete al news letter

LinkedIn
Share
Instagram
WhatsApp