En este tutorial revisaremos el diseño del proceso de registro en una aplicación para móviles. En específico, diseñaremos la pantalla de inicio de sesión de...

En tutoriales anteriores, te he enseñado cómo crear un formulario responsivo con flexbox además de cómo estilizar los elementos de un formulario. Hoy...

En este tutorial de Sketch aprenderás cómo diseñar una interfaz para una aplicación de condición física.

Las tablas de precios fijas (o pegajosas) son perfectas para mostrar productos y servicios con largas listas de características que requieran ser...

En este consejo rápido, crearemos un acordeón en Bootstrap 4, lo ajustaremos con algunos cambios de CSS y aplicaremos algunas personalizaciones de...

El uso de teléfonos inteligentes ha ido aumentando constantemente durante los últimos años, y más de un tercio de la población mundial actualmente tiene uno....

Hoy les voy a mostrar cómo comenzar con Tailwind CSS, un marco CSS altamente personalizable que puede usar para crear rápidamente sus propias páginas web...

En este tutorial aprenderemos a crear modales emergentes con JavaScript (ventanas de diálogo) sin utilizar un framework de trabajo como Bootstrap, o una...

En este tutorial, veremos el proceso de diseño de elementos básicos de un formulario de contacto. Examinaremos diferentes formas de hacer que un formulario...

En este consejo rápido, aprenderemos a añadir un simple, pero útil, efecto de desplazamiento de paralaje a una imagen «hero». Para lograrlo, usaremos un...

En este tutorial veremos las ventanas emergentes (modales) en diseño web. El uso de ventanas emergentes en tus diseños conlleva cierta responsabilidad; si...

Un diseño original puede hacer que tus proyectos web destaquen. No obstante, crear cada elemento de diseño desde cero puede ser un proceso que consuma...