Explora el poder de CSS con la ruta completa. Desde conceptos básicos hasta técnicas avanzadas, descubre cómo dar estilo y diseño único a tus sitios web. ¡Optimiza la apariencia y la funcionalidad con CSS de manera eficiente y creativa!
Una línea del tiempo con HTML y CSS es uno de esos componentes que mejoran cualquier currículum web, página de historia de marca, roadmap de producto o cronología de eventos. En esta guía vas a construir tres variantes desde cero (vertical clásica, vertical alternada en zig-zag, y horizontal con scroll), con código copy-paste listo para […]
Línea del tiempo en HTML y CSS: 3 variantes con código (2026) Read More »
En este artículo podrás aprender a utilizar la propiedad css border con todas sus variantes. Si necesitas que el borde sea redondo, si quieres que sea más ancho, si quieres un borde un color determinado o incluso si quieres que solo aparezca uno de los border (arriba, abajo, izquierda o derecha). Si sigues paso a
CSS border: radio, color, ancho con ejemplos Read More »
En este artículo podrás aprender trucos, utilidades… No es un tutorial de CSS al uso, sino ejemplos con CSS útiles y buenas prácticas para cualquier diseñador web. Podrás aprender como comprimir tu archivo css, diferenciar entre id y class que muchas veces se utilizan mal entre otras muchas cosas. Interesantes efectos css con fuentes Con
Tutorial de CSS con ejemplos Read More »
Si no te gusta utilizar imágenes para insertar degradados en una página web, tienes la opción de hacerlo con CSS. A continuación te indico varias herramientas online que te ayudarán a crear los degradados en CSS fácilmente. Con estas herramientas online podrás crear tus degradados con CSS Ultimate CSS Gradient Generator Esta herramienta online trabaja
Crea degradados en CSS fácilmente y responsive Read More »
Que interesante es aprender cosas nuevas y conseguir nuevos efectos para nuestras páginas webs. Hoy podrás encontrar en este artículo distintas animaciones con css3 simples y avanzadas. CSS Shake Básicamente consigues el efecto de temblar. Hay distintas variedades: suave, más agresivo, con una pequeña rotación,… La forma de integrarlo en una web es superfácil. En
Animaciones con CSS3 Read More »
Aprende paso a paso como rotar iconos con CSS y HTML. Si quieres crear iconos con CSS que roten sobre sí mismos estás en la página adecuada. Podrás ver como con HML y CSS se puede conseguir que nuestras páginas webs sean más dinámicas, atractivas y que toquen la sensibilidad del usuario. Así pues, me
Rotar iconos con CSS Read More »
Un diseño currado atrae clientes y si una web vende todos ganan: el diseñador web y el cliente. En este artículo te propongo como personalizar el botón de subir archivos en una página web también conocido como input file. Conseguirás un diseño atractivo para este botón y otra cosa importante, lo podrás personalizar. Código html
CSS: Personaliza el botón de subir archivos Read More »
El CSS3 unido con el HTML5 consigue efectos sorprendentes, creo que aún nos queda mucho que avanzar en este sentido. En el artículo de hoy podrás ver como crear fácilmente botones tipo on/off (de encendido/apagado) con CSS3. On/Off Flipswitch es una herramienta online con la que podrás ir configurando tus botones paso a paso. ¿Cómo
Como crear botones tipo on/off con CSS3 Read More »
Cuando estamos creando el css de una página web, en ocasiones no nos preocupamos demasiado si estamos ocupando dos líneas o 4, dejamos demasiados espacios, estilos repetidos,… Y todo esto repercute en la velocidad de la página web, un tema muy importante de cara el posicionamiento en Google. Con optimizando tu CSS quiero mostrarte malas
Optimizando tu CSS – buenas prácticas Read More »
Para que nuestros formularios tengan un diseño atractivo es necesario modificar los css de los distintos elementos, para darle un buen aspecto. Hoy os muestro como modificar con css el aspecto de un select de un formulario. ¿Quieres cambiar estilos de un select con css? Es de una manera básica y sencilla por lo que
Cambiar estilos de un select con css Read More »
Hoy podrás ver distintos menús para diseño web responsive. Los diseños web responsive se están utilizando muchísimo en diseño web, al permitir adaptar la web fácilmente a cualquier dispositivo. Hoy en día hay una gran variedad de dispositivos que dificultan que una página web se vea bien en todos ellos a la vez por los
Menús para diseño web responsive Read More »
Colección de botones CSS3 para tu página web. A todos los que nos dedicamos al diseño web no son muy útiles tener a mano botones web para insertar rápidamente en cualquier trabajo. En esta ocasión los botones ya están en CSS3 por lo que nos ahorrarán el trabajo del diseño y de la creación en
Botones CSS3 para web Read More »
