Responsivo

La responsive navigation en el diseño web

Los requisitos a la hora de crear páginas web han aumentado considerablemente en los últimos años, sobre todo en lo referente a un aspecto en concreto: su adaptabilidad. Ya no es necesario que las páginas web puedan visualizarse debidamente solo en los ordenadores de escritorio y que se pueda navegar por ellos de una manera ideal, sino que la experiencia de los usuarios en otros terminales también tiene que ser perfecta. En este sentido, el diseño responsivo se ocupa de que los contenidos de las páginas web se adapten de manera dinámica a la interfaz de tablets, smartphones, etc., por lo que la navegación con menús responsivos se convierte, así, en todo un desafío. [...]  

Mobile friendly, optimiza tu web para dispositivos móviles

Internet es cada vez más móvil y genera, por lo tanto, nuevos retos para los operadores web. Sin embargo, todavía es posible encontrar numerosas ofertas online que no son del todo mobile friendly, es decir, que no se visualizan correctamente en dispositivos móviles. Para mejorar la experiencia del usuario, en una de sus últimas actualizaciones, el conocido “Mobilegeddon” dispuso que aquellas webs que no estén optimizadas para móviles deberán contar con pérdidas significativas de su visibilidad. Actualmente existen en el mercado soluciones como la creación de una web móvil independiente, plantillas adaptables, diseño responsivo e incluso diferentes plugins para la optimización web móvil. [...]  

HTML 5.1: los rasgos más destacados del nuevo HTML

Ha pasado mucho tiempo hasta que el anhelado HTML5 viera la luz en otoño de 2014 y ahora, con HTML 5.1, se ha puesto a disposición la primera actualización del estándar web. A este respecto se han dado numerosos cambios, entre los que destaca la adaptación sencilla al diseño web responsivo. Sin embargo, a estos se suman diversas novedades en HTML, como el hecho de que algunos elementos y atributos hayan pasado a formar parte de la “lista negra”. [...]  

Ruby on Rails: crea fácilmente tu propia app

Los entornos de trabajo o frameworks simplifican el desarrollo de aplicaciones web. Estos, con arquitecturas básicas, paradigmas predefinidos y bibliotecas integradas, representan la plataforma de programación perfecta para llevar a cabo la aplicación planificada. Uno de los nombres que se relaciona cada vez más con la creación de aplicaciones web es Ruby on Rails. Basado en el lenguaje de script Ruby, este framework web se caracteriza principalmente por su código limpio y elegante, así como por su sencilla y amigable estructura de datos. [...]  

Panorámica sobre frameworks web

Hoy en día ya no es posible concebir la ingeniería web sin los frameworks. En lugar de escribir aplicaciones completamente desde cero, los programadores pueden apoyarse en programas que hayan sido probados y soporten clases y métodos predefinidos a la hora de desarrollar software basado en objetos. La selección del framework web adecuado no resulta, sin embargo, una tarea sencilla. En la presente guía te mostramos cómo funciona este concepto y cuáles son las diferencias que debes conocer para hallar el entorno de trabajo perfecto para tu proyecto de software. [...]  

¿Qué es HTML5?

HTML5 es el nuevo lenguaje de Internet, sin embargo hay desarrolladores web que siguen usando lenguajes de hipertexto anticuados, como HTML 4.01 o XHTML, que precisan de numerosos plugins externos que ponen en peligro tanto la compatibilidad como la seguridad de las páginas web. Al contrario, HTML5 hace posible la directa integración de elementos multimedia e interfaces de programación basadas en JavaScript. [...]  

Tipografía para el diseño responsivo con CSS

A menudo, se subestima a la tipografía web como parte fundamental del diseño responsivo de páginas web, a pesar de que la creación de fuentes adaptables no es ninguna ciencia inaccesible. ¿Cómo se aplican en la práctica? Y ¿qué fuentes web son las mejores para un diseño web responsivo? Te mostramos los aspectos técnicos fundamentales para la implementación de tipografía con CSS en una web responsiva. [...]  

Mockup y wireframe, una comparación directa

A menudo, el camino a recorrer desde la concepción de una idea hasta el producto final suele ser largo y tedioso, algo que también se aplica al desarrollo web de una página o de una aplicación. Uno de los pasos cruciales para poner en práctica el concepto previsto es la visualización de las ideas de diseño, estructura y funcionalidad. La maquetación web, principalmente a través de mockups y wireframes, juega un papel fundamental durante todo el proceso. Descubre por qué en nuestra guía. [...]  

Inspiración para una página web con diseño creativo

¿Estás buscando ideas de diseño web para tu proyecto? En Internet existen numerosas plataformas, comunidades y blogs especializados en páginas web con un diseño inigualable. Hemos recopilado las ocho fuentes de inspiración más importantes para que logres un diseño creativo e innovador. En nuestra guía encontrarás galerías de flat design, one page websites o plantillas para WordPress, ocho opciones que seguramente te servirán de orientación para que tu proyecto tenga la mejor imagen. [...]  

Diseño web: cómo diseñar una web userfriendly

Visitar una página web, incluso cuando lo hacemos por primera vez, significa en gran parte navegar por ella de forma intuitiva gracias al uso de plantillas convencionales que todos conocemos. Estos estándares, ya tan extendidos, son los que garantizan la usabilidad de una página y deberían, por eso, ser conocidos por todo diseñador web. [...]