Blog

Abordamos tópicos de programación web, apps Android y escritorio con un enfoque 100% práctico y aplicado al mundo laboral.

Rutas de Aprendizaje Libros Cursos Categorías Anuncios

Cómo mostrar un input inválido visualmente en CSS después de enviar un formulario

21-12-2025 - Andrés Cruz

Cómo mostrar un input inválido visualmente en CSS después de enviar un formulario

CSS Descubre cómo controlar :invalid en CSS y mostrar errores solo tras el submit del formulario usando HTML5, :user-invalid y buenas prácticas UX.


Diseño de botones con fondo corredizo en HTML y CSS

21-12-2025 - Andrés Cruz

Diseño de botones con fondo corredizo en HTML y CSS

CSS Aprende diseño de botones en HTML y CSS con ejemplos reales, animaciones CSS y efectos hover sin JavaScript. Guía práctica y reutilizable.


Cómo crear un botón o menú tipo hamburguesa animado con CSS y un poco de HTML

21-12-2025 - Andrés Cruz

Cómo crear un botón o menú tipo hamburguesa animado con CSS y un poco de HTML

CSS Se explica cómo crear un botones de tipo hamburguesa animado con CSS, HTML y una simple función de JavaScript, los botones se convierten una vez clickeados en flechas y/o X según sea el caso.


¿Cómo poner el Footer a la parte inferior/abajo de la pantalla con solo CSS?

21-12-2025 - Andrés Cruz

¿Cómo poner el Footer a la parte inferior/abajo de la pantalla con solo CSS?

CSS Veremos dos formas en las cuales, podemos anclar el Footer a la parte inferior de la pantalla con solo CSS, dos soluciones para adaptar a tus necesidades, consideraciones y tips.


Creando reflejos en nuestras imágenes con webkit-box-reflect

20-12-2025 - Andrés Cruz

Creando reflejos en nuestras imágenes con webkit-box-reflect

CSS Se explica cómo crear un reflejo de una imagen con la propiedad webkit-box-reflect, además de su sintaxis básica que permite cambiar la posición, desplazamiento y hasta la posibilidad de aplicar máscaras para crear reflejos


Habilitar el Dark Mode o modo oscuro en Tailwind + Laravel y Vue - 2 FORMAS

20-12-2025 - Andrés Cruz

CSS Veremos las dos formas de habilitar el modo oscuro, por el archivo tailwind.config y por selección mediante la clase dark y te muestro unos sencillos pasos para emplear el modo oscuro en Tailwind 4 y también en Laravel Livewire.


Como funcionan las animaciones en CSS y HTML

19-12-2025 - Andrés Cruz

Como funcionan las animaciones en CSS y HTML

CSS Aprende cómo funcionan las animaciones en CSS: qué son los @keyframes, cómo animar elementos y en qué se diferencian de las transiciones conoce algunas herramientas como la que nos ofrece Google Chrome, curvas de béziers, para practicas las animaciones.


La propiedad position: Entendiendo los posicionamientos en CSS

19-12-2025 - Andrés Cruz

La propiedad position: Entendiendo los posicionamientos en CSS

CSS Explicaremos cada uno de los tipos de posicionamiento que actualmente existen en el CSS y daremos algunos ejemplos prácticos de los mismo para entenderlos adecuadamente.


image-rendering: ¿Cómo mostrar imágenes pixeladas (Pixel art) con CSS3?

19-12-2025 - Andrés Cruz

image-rendering: ¿Cómo mostrar imágenes pixeladas (Pixel art) con CSS3?

CSS En esta entrada veremos comos mostrar imágenes pixeladas mediante la propiedad image-renderin en conjunto con su valor pixelated; también hablaremos posibles casos de usos de esta propiedad y otros valores de la misma.


Cómo crear una tabla con resaltado en columnas y filas (vertical y horizontal) con CSS y HTML

18-12-2025 - Andrés Cruz

Cómo crear una tabla con resaltado en columnas y filas (vertical y horizontal) con CSS y HTML

CSS En esta entrada veremos cómo crear una tabla sencilla con resaltados (highlight) sobre las celdas seleccionadas horizontal y verticalmente (columnas y filas).