HTML son las siglas de HyperText Markup Language (lenguaje de marcas de hipertexto), y es el lenguaje principal que compone una página web. Por ello, sea cual se tu perfil entre desarrollador, maquetador o diseñador web, es fundamental conocer como se estructura una web en HTML correctamente, el uso de sus tags y atributos. Para todos ellos, en esta sección recopilamos artículos, trucos y tutoriales relacionados con el uso de HTML en el diseño web.
Para crear ventanas modales que aparezcan al hacer clic en un botón de nuestra web necesitabámos algo de Javascript o algún plugin para WordPress. Pero gracias el elemento dialog, podemos hacerlas mediante unas pocas líneas de HTML de forma rápida y simple.
La accesibilidad es cada día un tema más importante, y como diseñadores podemos hacer mucho para crear una web que sea accesible, amigable y plural para todo el mundo. Y hoy os queremos mostrar algunos consejos básicos para conseguirlo.
Poco a poco se van añadiendo nuevas funcionalidades y propiedades a CSS. Y hoy os queremos mostrar accent-color, una propiedad con la que podemos cambiar de forma sencilla el color de ciertos inputs HTML.
Desde una página de FAQs, hasta menús desplegables o secciones de spoilers podemos construir gracias a details y summary, dos elementos HTML interactivo con los que podemos hacer componentes desplegables con los que mostrar u ocultar contenido con tan solo hacer un clic.
Hace pocas semanas, Google Fonts añadió a su biblioteca sus iconos creados bajo el Material Design. Y os queremos mostrar como podemos trabajar con ellos, tanto de forma local como en la web.
Las sombras es una de las herramientas que tenemos para darle una aspecto más tridimensional y menos plano a nuestra web. Y en este artículo veremos cuales son las opciones que nos ofrece CSS para poder crear sombras a cualquier tipo de elemento de forma correcta.
Queremos desearos Feliz Navidad con este reto juego experimental basado en CSS Grid, con animaciones SVG y otras sorpresas. Vamos, Santa necesita tu ayuda!
Usando el protocolo tel: en el atributo href de un enlace HTML podemos recibir llamadas cada vez que un usuario haga clic en dicho enlace. Muy util para la cabecera y el pie de página de una web o blog.
Mucho se habla de la nueva versión de CSS, sin embargo CSS4 no existirá. El ciclo de actualizaciones que nos tenían acostumbrados CSS1 y CSS2 cambiará radicalmente. Vemos que va a pasar en el futuro.
Aplicación de la técnica de descubrimiento progresivo en un formulario de ejemplo usando solo CSS para mejorar la experiencia de usuario.
Gracias a CSS Grid, el diseño editorial y diseño web están más cerca que nunca, sirviendo los diseños de magazines y publicaciones como inspiración para proyectos web, como algunos de estos ejemplos.
Seguimos con nuestro homenaje-web al lanzamiento del Apollo 8. Y en esta segunda parte, nos centraremos en todas las herramientas que nos ofrece CSS Grid para poder crear nuestra landing page.
Este año se cumple el 30 aniversario de un acontecimiento histórico: la primera vez que una misión tripulada orbitó la Luna. Y para celebrarlo, vamos a hacer una web-homenaje siguiendo los preceptos de CSS Grid, otro acontecimiento histórico, esta vez en el mundo del diseño web.
Ya llaga la Navidad! Y con ella nuestra felicitación navideña, este año en forma de juego diseñado con HTML, CSS y JS. ¿Puedes ayudar a Santa a decorar su árbol correctamente? Feliz Navidad!