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.
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 »
CSS3Ps es un plugin gratuito para Photoshop que convierte las capas que tu escojas de Photoshop en CSS3. A día de hoy soporta las siguientes características: capas de texto selección de múltiples capas sombras brillos radio del borde gradiente En la web del autor puedes ver un ejemplo con un archivo psd y el archivo
Transforma tus capas de Photoshop en CSS3 Leer más »
Los accordion html – menús en acordeón consiguen reducir el espacio visual necesario para casos de menús con submenús, además de permitir mostrar la información de una forma mucho más clara y precisa. La ventaja del acordeón es que sabemos dentro de que menú estamos navegando fácilmente. A continuación os indico unos cuantos menús en
Menús acordeón verticales y horizontales Leer más »
Si buscas como crear un sistema de usuarios con login PHP y MySQL, te propongo distintas alternativas que he encontrado. No son la panacea pero si buscas ahorrar tiempo en recursos que es posible encontrar ya realizados, estás en el sitio adecuado. Con opción de ver una demo online de su funcionamiento. También tienes la
Sistema de usuarios login PHP y MySQL Leer más »
En este post encontrarás algunos menús animados con css3 que podrás aplicar en cualquier página web de una forma fácil y sencilla. Espero que te gusten. Meny el menú se puede insertar en la parte izquierda, derecha, superior o inferior de la página web. Se activa al acercarse con el ratón a la flecha situada
Menús animados con css3 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 »
Si quieres aprender como hacer un slider en html5 y css3 mira este artículo. También si quieres crear un carrusel de imágenes html5 y css3. Conseguirás animar con imágenes de fondos a pantalla completa (fullscreen) mediante distintas transiciones y sólo con código css3. Conseguirás un slider automático. Aprenderás como como hacer un slideshow. Este slider
Como hacer un slider en html5 y css3 Leer más »
