En esta sección recopilamos nuestros escritos sobre CSS. Encontrarás recursos con enlaces muy interesantes con ejemplos para inspirarte, tutoriales para los que están empezando y quieran aprender a manejar CSS, las nuevas propiedades de CSS3 y por supuesto todo lo referente a media queries fundamentales para diseño web responsive. Empieza a controlas las hojas de estilo de tu web desde cero!
La tipografía fluida se ha convertido en una excelente opción cuando creamos web responsive modernas, ya que nos permite que nuestros textos cambien de tamaño de forma dinámica sin tener que usar media queries. Y todo gracias a la función CSS clamp.
La relación de aspecto determina la relación que existe entre el ancho y el alto de una imagen. Y gracias a la nueva propiedad CSS aspect-ratio, podemos designarla de forma muy sencilla.
Gutenberg se ha convertido en una herramienta esencial para muchos diseñadores en WordPress. Y hoy os queremos mostrar como podéis personalizar bloques creando paletas de colores personalizadas de forma sencilla.
El lenguaje CSS va poco a poco evolucionando y mejorando. Y para no perdernos sus próximas novedades, os queremos enseñar cual es la nueva sintaxis para las media queries que podremos utilizar dentro de poco.
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.
Al escribir CSS, es muy habitual que cuando usamos colores, lo hagamos mediante los código HEX o RGB. Pero existe otro código llamado HSL que, una vez comprendes como funciona, no querrás volver atrás.
Buscar inspiración en el trabajo de otros es una de las mejores formas para iniciarse y evolucionar como artistas. Y para conocer hasta el último detalle, hoy os queremos mostrar como poder saber que tipografía se está usando en cualquier web.
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.
Os traemos un listado con algunas propiedades CSS poco conocidas, pero que seguro que puedes encontrarle un hueco en tus proyectos web que hagas en el futuro!
Las animaciones en la web siempre son una excelente forma de crear contenido vistoso y original. Y hoy os queremos mostrar como, mediante CSS, podemos animar el relleno de color de nuestros textos de forma muy sencilla.
Las escalas tipográficas son un factor esencial para conseguir que nuestros textos tengan una jerarquía y contraste armónico en lo que respecta a su tamaño. En este artículo veremos crear una escala tipográfica y aplicarla mediante CSS a nuestra 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.
Con Scroll Snap podemos controlar la forma en que se comporta el scroll de nuestra web, haciendose que se detenga en las secciones que consideremos de más importancia. Y todo ellos con unas simples líneas de CSS.
La imagen destacada cumplen una función vital para mostrar de forma visual y directa el contenido de nuestras entradas. Pero es posible que quieras que no se muestren dentro de tus artículos para que no generen distracciones con respecto al texto. Si este es tu caso, te explicamos como puedes ocultarlas.