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.
Los bordes en CSS son de lo primero que se aprende y de lo que más se usa: enmarcar una caja, separar secciones o redondear un botón. Con la propiedad border controlas el ancho, el estilo y el color, y con border-radius los redondeas. Te lo explico todo con código listo para copiar. La forma […]
Bordes en CSS: border, color, ancho y radius (2026) Leer más »
En esta guía de CSS ejemplos aprendes lo esencial del CSS moderno con código copiable y probado. Nada de trucos viejos: te enseño el modelo de caja, unidades actuales, variables, Flexbox y Grid. Cada técnica va con un bloque que puedes pegar y adaptar hoy mismo. Mi consejo antes de empezar: no memorices propiedades. Entiende
CSS ejemplos: guía práctica con Flexbox, Grid y código copiable 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 »
El input type=»file» por defecto es feo y cada navegador lo pinta a su manera. Y cuando intentas estilizarlo directo, no responde. Es uno de los controles más rebeldes del formulario. Aquí tienes el código listo para pegar para dejarlo a tu gusto. Te enseño dos técnicas para trabajar el css input file: la moderna
CSS input file: personaliza el botón de subir archivos Leer más »
Meter una tabla en WordPress a mano es un lío, y encima suele romperse en el móvil. Con un plugin de tablas para WordPress creas tablas dinámicas, ordenables y responsive desde el panel, sin tocar código. Estos son los que mejor funcionan. Los mejores plugins de tablas TablePress El más popular y el que recomiendo
Mejores plugins de tablas para WordPress (2026) Leer más »
Para pintar datos en una web ya no hace falta jQuery. Hoy tienes librerías de gráficos en JavaScript potentes y ligeras que montan barras, líneas, tartas o diagramas con muy poco código. Te cuento las mejores y cuándo usar cada una. Librerías para gráficos Chart.js La más popular para empezar: gratis, ligera y con 8
Librerías de gráficos en JavaScript: las mejores (2026) Leer más »
Una cuenta atrás en JavaScript es perfecta para lanzamientos, ofertas o eventos: genera urgencia y queda profesional. Lo mejor es que hoy no necesitas jQuery ni ninguna librería. Con JavaScript puro lo montas en unos minutos, y aquí te dejo el código completo y comentado. Paso 1: el HTML Una estructura sencilla con un hueco
Cuenta atrás en JavaScript: código paso a paso (2026) Leer más »
Colección de barras de progreso con jQuery. Las barras de progreso o cargadores muestran al usuario lo que falta para acabar de cargarse esa página web. Son aconsejables si la página es algo pesada, para que el usuario sea consciente de que se está cargando la web y mientras tanto, lo entretiene. Aquí podrás ver
Barras de progreso con jQuery Leer más »
Para poner un favicon en HTML hoy no necesitas los treinta archivos que te pide cualquier generador. Con tres cubres navegadores, móviles y los resultados de Google. He reescrito este artículo entero porque la versión anterior era de 2014 y recomendaba cosas que hoy sobran: etiquetas para Internet Explorer 10, que se retiró en 2022,
Favicon en HTML: los 3 archivos que necesitas (2026) Leer más »
Si necesitas botones on off en CSS con ese aspecto de interruptor tipo iOS, aquí tienes el código listo para pegar. Sin librerías. Sin JavaScript. Solo un checkbox y unas reglas CSS. Voy a mostrarte un toggle switch accesible de verdad: funciona con teclado, lo entienden los lectores de pantalla y respeta a quien prefiere
Cómo crear botones tipo on/off con CSS3 (toggle accesible 2026) Leer más »
Las imágenes son, casi siempre, lo que más pesa en una web. Aprender a comprimir imágenes bien es de lo que más impacta en la velocidad de carga y, de paso, en tu SEO y en la experiencia del usuario. Te cuento cómo hacerlo sin perder calidad, con herramientas gratis y buenas prácticas. Por qué
Cómo comprimir imágenes para web sin perder calidad (2026) Leer más »
Casebox es un CMS en PHP Y MySQL de código abierto que permite administrar registros, tareas y archivos. Esta poderosa herramienta web con las principales características: Permisos: un usuario puede especificar quien puede leer, escribir o modificar una tarea, archivo o registro. Administrador de tareas: permite crear tareas, asignarlas a múltiples usuarios y ver el
CaseBox – CMS en PHP para administrar tareas, registros y archivos Leer más »
