De Arquitectos a Desarrolladores: Por qué (y cómo) hemos creado Normatia
¿Cómo pasamos de la arquitectura al código? Te contamos el desarrollo de Normatia, nuestro SaaS propio creado con Astro, Supabase y Grafos de Conocimiento
Etiqueta: Html
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.
Crea ventanas modales de forma sencilla con el elemento HTML Dialog
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.
7 Consejos para mejorar la accesibilidad de tu web
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.
Personaliza elementos HTML gracias a la propiedad CSS accent-color
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.
Details & Summary – Crea elementos desplegables ocultos con 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.
Como usar los iconos de Google Fonts
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.
Métodos para crear sombras con CSS
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.
Felicitación Navideña: Juego experimental con CSS Grid
Queremos desearos Feliz Navidad con este reto juego experimental basado en CSS Grid, con animaciones SVG y otras sorpresas. Vamos, Santa necesita tu ayuda!
Cómo crear enlaces HTML para llamar por teléfono desde tu web
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.
CSS4: La nueva versión de CSS que nunca existirá
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.
Descubrimiento Progresivo con CSS
Aplicación de la técnica de descubrimiento progresivo en un formulario de ejemplo usando solo CSS para mejorar la experiencia de usuario.
Diseño Editorial y CSS Grid: Inspiración y ejemplos
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.
Ejemplo de Landing Page con CSS Grid: Apollo 8 (II)
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.
Ejemplo de Landing Page con CSS Grid: Apollo 8 (I)
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.