Descubre las últimas tendencias y técnicas en desarrollo web. Desde conceptos básicos hasta avanzados, estos artículos te sumergen en el fascinante mundo del desarrollo web, ofreciendo insights, herramientas esenciales y estrategias efectivas para construir sitios web impactantes.
Cambiar estilos de un select con CSS ha sido durante quince años el trabajo más frustrante de cualquier formulario. Le pones un borde bonito, y la flecha sigue siendo la del sistema. Intentas darle color a las opciones, y en Mac no pasa nada. Esa era la realidad, y desde 2025 ha cambiado de verdad. […]
Cambiar estilos de un select con CSS: la guía real (2026) Leer más »
Si estás terminando tu web y necesitas una página en construcción en HTML mientras tanto, aquí tienes 5 plantillas gratis y responsive que puedes descargar hoy. Todas incluyen contador de cuenta atrás, formulario para recoger emails y demo online, así que sirven tanto de «coming soon» como de landing provisional con cara y ojos. He
Página web en construcción en html Leer más »
Interesantes plugins de redes sociales con jQuery para compartir contenido en las redes sociales o mostrar los contenidos de las redes sociales en tu web. Espero que te gusten!!! Plugins de redes sociales con jQuery Social Feed podrás mostrar con jQuery el feed de quien quieras en tu web. Válido para cuentas de Facebook
Plugins de redes sociales con jQuery Leer más »
Aquí podrás ver mis menús horizontales desplegables con jQuery que más me gustan. He hecho una selección con los que me parecen más interesantes pues un menú con jQuery le da dinamismo a la web y no la hace tan estática. En todos ellos se puede ver en la web del autor el código fuente
Menús horizontales desplegables con jQuery Leer más »
Un banner animado con CSS pesa unos pocos kilobytes, se ve nítido en cualquier pantalla y no necesita ni una imagen. Frente a un GIF o un vídeo, la diferencia en tiempo de carga es enorme, y eso cuenta en tus Core Web Vitals. Aquí tienes el código completo de cinco banners, listo para copiar.
Banner animado con CSS y HTML: código para copiar Leer más »
Quieres un acordeón HTML listo para pegar, sin jQuery y sin librerías. Aquí lo tienes. Te enseño dos formas de montar un menú acordeón que funciona hoy en cualquier navegador moderno: una con las etiquetas nativas <details> y <summary>, y otra con CSS puro para controlar el diseño al detalle. Copias, pegas y funciona. Este
Acordeón HTML nativo sin librerías: 2 métodos (2026) Leer más »
Si buscas menús animados con CSS3 listos para copiar, aquí tienes cuatro ejemplos completos con su HTML y su CSS. Nada de librerías ni de plugins. Son menús animados CSS puros: un menú horizontal con subrayado al hover, un desplegable accesible, una hamburguesa responsive solo con CSS y un efecto de relleno deslizante. Todos respetan
Menús animados con CSS3: 4 ejemplos listos para copiar Leer más »
En esta sección encontrarás unos ejemplos de infografia interactiva para que te inspires en tus próximas infografías en html5, otras en flash o en jpg. Las infografías utilizan gráficos y otros elementos que permiten comparar y visualizar datos rápidamente. Si te interesa este post también puede que te guste: Elementos de infografía en vector para
Infografías interactivas para inspirarse Leer más »
En este post encontrarás una colección de html5 progress bar, barras de progreso hechas con html5 y css3 de una forma fácil y rápida. Son compatibles con los navegadores modernos. Las barras de progreso son ideales para ver el progreso o avance de una tarea. Si te interesa este artículo también puede que te interese:
Colección de html5 progress bar Leer más »
Color Thief es un script en javascript para saber el color palette de una imagen, lo puedes implementar gratuitamente. Aplicándolo conseguimos saber el color dominante de una imagen. Para ello utiliza javascript y canvas. Como obtener el color dominante de una imagen Este es el código para saber el color predominante en una
Saber el color palette de una imagen con javascript Leer más »
¿Quieres un slider en HTML5 y CSS3 que cargue rápido y no arrastre librerías pesadas? Aquí tienes uno moderno, hecho con scroll-snap, sin JavaScript y listo para copiar y pegar. He reescrito este tutorial de arriba abajo. La versión antigua montaba un slideshow a pantalla completa con @keyframes, una técnica de 2012 que ya no
Slider HTML5 y CSS3: carrusel sin JavaScript (2026) Leer más »
