Da Estilo a tus Hipervínculos con CSS
Los hipervínculos es uno de los elementos más importantes de tu web, y en esta ocasión queremos mostrarte como puedes modificar su apariencia para que tengan un aspecto más original y atractivo.
Etiqueta: CSS
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!
Neumorfismo – Diseñando Botones con CSS
El neumorfismo se ha convertido en tendencia este año dentro del diseño UI. Y hoy queremos ver como podemos construir botones de nuestra web siguiendo este tipo de diseño, de forma muy sencilla con unas pocas líneas de CSS.
Trucos para Conseguir Mejores Sombras en tus Diseños Web
Las sombras en diseño web se han convertido en un elemento cada vez más habitual, y queremos mostraros como podéis usar sus valores a vuestro favor para conseguir mejores resultados.
Crea animaciones CSS de forma sencilla en WordPress
Te explicamos como puede conseguir de forma rápida y sin escribir código como puedes hacer que tus textos, iconos e imágenes tengan animaciones y le den un nuevo aspectos a tu web en WordPress.
Cómo Usar de Forma Correcta las Mayúsculas en el Diseño Web
El uso de las mayúsculas en muy útil para potenciar ciertos elementos de nuestra web, pero puede convertirse en un arma de doble filo si abusamos de ellas. Por eso, vamos a mostrarte en que situaciones puedes usarlas para impulsar tus diseño.
Crea Columnas Asimetricas con Gutenberg en WordPress
Crear columnas con Gutenberg es más sencillo que nunca. Con el nuevo editor de WordPress, solo hay que seleccionar el bloque adecuado, determinar el número de columnas e insertar el contenido. Pero, ¿que ocurre si queremos ir más allá? Vamos a ver como podemos dar estilos y crear columnas asimétricas de forma sencilla.
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!
Como añadir comentarios en CSS
Comentar correctamente en CSS es muy importante en todas las fases de un diseño web, desde el desarrollo, donde podemos anotar que revisar, hasta producción, pues nos permite entender el código en el futuro
Optimización de CSS manual para mejorar la velocidad de carga
Repasamos algunos principios y consejos sobre cómo optimizar nuestros archivos CSS para mejorar la velocidad de carga de la web y así mejorar el SEO y UX de nuestro proyecto.
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.
Variable Fonts: Aplicación en el Diseño Web (II)
Si en el artículo anterior vimos como se pueden usar ya las Variable Fonts, o Fuentes Variables, en algunos programas de diseño vectorial, en este veremos como aplicarlos directamente en nuestros diseños web.
Variable Fonts: Presente y Futuro de la Tipografía (I)
A pesar de anunciarse hace algo más de dos años, las Variable Fonts siguen siendo aún una gran desconocida para muchos diseñadores. Por este motivo, queremos enseñaros en que consiste, y como podemos empezar a utilizarlas.
Ejemplos de CSS Grid en producción
Siempre que llega una nueva tecnología, tenemos cierta reticencias a usarla en nuestro proyectos, por los problemas que puedan haber. Y mediante este listado de webs que ya hacen uso de CSS Grid, queremos mostraros como es una herramienta que es lo suficientemente madura y compatible como para incorporarla ya en nuestros proyectos.