Blog

HTML Aprende a usar el elemento <dialog> en HTML para crear modales nativos accesibles, personalizables y sin librerías. Ejemplos, métodos, atributos y mejores prácticas.

HTML Aprende qué es y cómo usar correctamente el elemento <p> en HTML. Descubre su sintaxis, contenido permitido, buenas prácticas, errores comunes y ejemplos reales para crear párrafos semánticos, accesibles y bien estructurados en tu sitio web.

CSS Aprende a organizar tu CSS por módulos (Dashboard, Blog, Base) usando Tailwind. Evita el código desordenado y crea una estructura CSS limpia y escalable. ¡Tips esenciales!

HTML El elemento br sirve para dar un saltos de línea; podemos emplear varios en forma encadenada para que de esta forma se producen varios saltos de línea, la etiqueta br no se cierra.

Android Se habla sobre los tipos: mutables (var) e inmutables (val) en Kotlin, así como los tipos de datos numéricos, String, booleanos, sobre indicar explícitamente o implícitamente los tipos de datos en Kotlin operadores matemáticos y un Hola Mundo.

HTML Aprende a dominar el elemento <meter> de HTML5. Descubre cuándo usarlo para mostrar valores en un rango acotado (ej. niveles de batería, temperaturas) y por qué NO debes usarlo para progreso de tareas. Guía completa con atributos, sintaxis, ejemplos prácticos, estilos CSS y consejos de accesibilidad.

CSS Conoceremos como crear el efecto ripple o de palpito en HTML con SOLO CSS, veremos como crear un efecto ripple sobre los botones con solo CSS y cómo crear un simple efecto radar con CSS y las animaciones usando un keyframe para generar las ondas sobre múltiples etiquetas divs.

HTML Un SVG no es más que un XML que describe como dibujar gráficos vectoriales en dos dimensiones y con HTML se ha hecho posible dibujarlos; veremos cómo dibujar formas básicas SVGs a través del elemento svg, definir estilo y sus atributos, veamos como se usa y ejemplos, también veremos algunos de sus atributos para el color de los mismos, posición, tamaño y borde de los SVG.

CSS Los loaders son un recurso de los más vistosos y necesarios en cualquier aplicación al momento de realizar una tarea que requiera tiempo; en esta entrada veremos cómo crear un par de loaders.

CSS Con esta propiedad es posible definir el color, tamaño y estilo del cada uno de los 4 bordes que definen la caja de un elemento, también, veremos manera muy sencilla de tener varios bordes o mejor dicho el efecto de tener varios bordes en un contenedor o elemento es utilizando la propiedad box-shadow y veremos un pequeño truco que permite que los bordes transparentes, mediante la propiedad background-clip e border internos para que no le afecten el margin.