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.
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) Leer más »
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 Leer más »
Podrás ver una colección de códigos de php para que insertes fácilmente en una página web. Muchos de ellos son códigos fáciles para que aprendas php desde cero. Son mini tutoriales en php para que mejores en este lenguaje de programación. Contador de archivos descargados con PHP y MySQL Tutorial que cuenta los archivos que
Códigos de php para insertar en una página web Leer más »
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 Leer más »
Los plugins de zoom de imagen se utilizan mucho para galerías o tiendas online, donde se quiera mostrar con detalle el producto. Los plugins que te propongo en el día de hoy están desarrollados con jQuery, por lo que podrás integrarlos fácilmente en cualquier página web. Algunos de estos plugins son gratuitos y otros son
Los mejores plugins de zoom de imagen con jQuery Leer más »
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 Leer más »
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 Leer más »
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 Leer más »
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 Leer más »
Si quieres crear un portfolio y poder filtrarlo por categorías, puedes hacerlo solo utilizando CSS y jQuery. Además podrás crear unos efectos animados que le van a encantar a los visitantes de la página web. En este artículo te propongo dos diferentes para que puedas escoger el que prefieras. MixItUp Para ello tienes que
Filtrar contenido con CSS y jQuery Leer más »
Con el aviso de Google de que a partir del 21 de abril iba a posicionar mejor las páginas web que tuvieran una versión móvil, muchas páginas con diseño antiguo se pusieron manos a la obra. Si aún no lo has hecho todavía te voy a mostrar una manera de hacerlo rápida y fácil con
Haz tu página responsive fácilmente con jQuery Leer más »
Si estas buscando como crear tablas dinámicas en este post podrás encontrar varios plugins de jQuery que te van a ayudar en esta tarea. La ventaja de utilizar estos plugins es que podrás transformar tablas en html (estáticas, sin poder hacer nada) en tablas dinámicas con jQuery (se podrán ordenar por campos, paginar…). Es una
Crea tablas dinámicas con plugins de jQuery Leer más »
