Responsivo

Mobile first: la nueva tendencia del diseño web
Mobile First: el enfoque actual del diseño web móvil
  • Diseño web

¿Sustituirán por completo los smartphones y tablets a los ordenadores en un futuro? Diversos factores indican que así será, incluso tomando como fundamento el volumen de búsquedas móviles de Google. La estrategia Mobile First se posiciona como una forma de desarrollo y optimización de páginas web para dispositivos móviles. Un diseño sencillo y dinámico no solo garantizará la satisfacción de los...

Mobile First: el enfoque actual del diseño web móvil
Fundamentos de tipografía responsiva
La tipografía responsiva: conceptos básicos
  • Diseño web

En Internet se encuentran gran cantidad de textos con diferentes tipos de letra. La expansión del diseño web responsivo también influye en la tipografía web, ya que la representación de la letra debería ajustarse siempre a la pantalla del dispositivo que se usa para asegurar la legibilidad de los contenidos. Una tipografía capaz de responder a estos ajustes debe ser flexible y usar las fuentes que...

La tipografía responsiva: conceptos básicos
Mockup y wireframe, una comparación directa
Mockup y wireframe: visualiza el concepto de tu proyecto online
  • Creación de páginas web

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...

Mockup y wireframe: visualiza el concepto de tu proyecto online
Directrices para la accesibilidad web
WCAG: las directrices W3C para contenidos web accesibles
  • Desarrollo web

Las directrices de accesibilidad web (WCAG) del W3C ofrecen a administradores, desarrolladores y diseñadores web las bases necesarias para crear y adaptar contenidos web accesibles. De acuerdo a esta guía, una web debe ser perceptible, manejable, comprensible y robusta. A estos cuatro aspectos se les asignó un total de doce directrices básicas que abarcan estrategias y consejos para cubrir las...

WCAG: las directrices W3C para contenidos web accesibles
UI: ¿qué es una interfaz de usuario?
UI: qué define a una buena interfaz gráfica de usuario
  • Diseño web

La UI es uno de los puntos clave del diseño web y del desarrollo de software y las interfaces gráficas de usuario desempeñan un papel destacado tanto para una disciplina como para la otra. Además de estas, también se puede mencionar a las Voice User Interfaces o hasta las Brain Computer Interfaces entre un gran número de interfaces que permiten la interacción entre las personas y los ordenadores....

UI: qué define a una buena interfaz gráfica de usuario
Las mejores mockup y wireframe tools
Las mejores herramientas para wireframes y mockups online
  • Creación de páginas web

Los diseñadores y los desarrolladores web tienen un largo camino por recorrer para lograr que un proyecto web adquiera la apariencia que ven sus usuarios finales. Partiendo de la primera idea y hasta la creación del producto final se tienen que tomar muchas decisiones, hacer muchos planes y, en determinadas circunstancias, volver a empezar de cero. Los mockups y los wireframes son, a este...

Las mejores herramientas para wireframes y mockups online
Mobile friendly, optimiza tu web para dispositivos móviles
Mobile friendly, diseño web móvil para tu proyecto online
  • Creación de páginas web

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...

Mobile friendly, diseño web móvil para tu proyecto online
Tipografía para el diseño responsivo con CSS
Tipografía para el diseño responsivo con CSS
  • Diseño web

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...

Tipografía para el diseño responsivo con CSS
Tipografía responsiva: ¿cómo elegir la mejor fuente?
Tipografía responsiva: elige la fuente más adecuada para tu web
  • Diseño web

La gran oferta de fuentes y familias tipográficas en Internet es cada vez mayor, incluyendo aquellas de código abierto que pueden ser descargadas de forma gratuita. La mayoría de estas fuentes web son adaptables, lo que las hace perfectas para su implementación en páginas web responsivas, es decir, aquellas que adaptan su visualización a diferentes dispositivos. Conoce algunas de las plataformas...

Tipografía responsiva: elige la fuente más adecuada para tu web
Así funciona el SEO para móviles
SEO para móviles o cómo optimizar tu página web
  • Marketing para motores de búsqueda

Hoy en día, son muchas las empresas que invierten gran cantidad de tiempo y dinero en la optimización de sus páginas web para motores de búsqueda, lo que implica elaborar estrategias de palabras clave, comprobar enlaces o editar los fundamentos técnicos de sus webs. Sin embargo, a veces no ocurre nada, lo que podría deberse a que no se ha prestado la atención que se merece al SEO para móviles. La...

SEO para móviles o cómo optimizar tu página web