loader image
Crea un menú hamburgesa sólo con HTML y CSS

Crea un menú hamburgesa sólo con HTML y CSS

Crear un menú hamburgesa sólo con HTML y CSS es un truco avanzado de CSS pero muy sencillo de aprender. Analicemos el siguiente código: .menu{ display: none; } .checkbox:checked ~ .menu{ display: block; } Tenemos una clase menú, que inicialmente está oculta con la...
Guía rápida para usar SASS

Guía rápida para usar SASS

¿Qué es Sass y para qué sirve? En este contenido que he preparado para ti, podrás encontrar el paso a paso para empezar a trabajar con SASS y dominar el preprocesador más utilizado actualmente en el desarrollo frontend. 💪 La guía más solicitada! ahora ya la puedes...
El objeto Date en Javascript

El objeto Date en Javascript

Como desarrollador Javascript, o de cualquier otro lenguaje, no te puedes escapar de la manipulación de fechas y horas. Casi cualquier aplicación que un desarrollador tiene que hacer, necesitará de un componente que tendrá que obtener la fecha y la hora desde el...
Fondos SVG para tu página web GRATIS

Fondos SVG para tu página web GRATIS

Conseguir fondos SVG para tu página web GRATIS ahora es muy sencillo. Pero primero entendamos que es un fondo SVG. Los SVG son gráficos vectoriales escalables por sus siglas en inglés, y al ser vectores podemos modificar a conveniencia colores, tamaños,...
Mira CONSOLA en Visual Studio Code 😎

Mira CONSOLA en Visual Studio Code 😎

Consola es muy importante cuando estas desarrollando aplicaciones web. Te permite ver que está sucediendo con tu código dentro de tu página. Te muestra posibles errores a corregir, y los mensajes que te mandes a imprimir con un console.log(). Pero esto último lo...
APRENDE a citar en HTML

APRENDE a citar en HTML

Imagina que en tu página web tienes que citar una frase o párrafo de alguna persona famosa. Para esto tienes las etiquetas <blockquote>, <cite> y <q> cuyo uso te lo voy a detallar a continuación: 👉 <blockquote> Generalmente se utiliza esta...
La Etiqueta BASE en HTML

La Etiqueta BASE en HTML

La Etiqueta BASE en HTML nos permite acortar el código de nuestros atributos SRC cuando todos empiezan con la misma dirección. Te lo explico mejor con un ejemplo: 🎓 Ejemplo Imagina que tienes varias imágenes en tu página web, y que todas las llamas desde una misma...
Etiqueta B en HTML

Etiqueta B en HTML

Una de la formas con las que se puede agregar negrita a nuestro texto en un documento HTML es a través de la etiqueta <b>. La etiqueta <b> es una etiqueta de apertura y de cierre y debe usarse de la siguiente forma: <b>Texto con negritas</b>...