Blog

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 usar la Progress Bar HTML5 con <progress>, estilos CSS, animaciones, JavaScript y ejemplos reales, incluido cómo aplicarla en formularios paso a paso y es empleada para indicar el estado de terminación de una tarea.

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.

CSS Aprende a crear una galería de imágenes responsive con HTML y CSS puro. Tutorial paso a paso sin JavaScript para un sitio web rápido, ligero y adaptable a móviles

CSS Los flex permiten adaptarse fácilmente al espacio disponible en cualquier dispositivo. Con la propiedad FlexBox podemos construir cajas flexibles, fluidas y adaptables con distintos tamaños y que sean adaptables fácilmente a la resolución del dispositivo también, veremos cómo crear una web básica empleando flex con las propiedades flex-grow, flex-shrink y flex-basis.

JavaScript El elemento canvas nos permite especificar un área de la página en donde se puede dibujar crear todo tipo de gráficos simples o complejos a partir de primitivas básicas como círculos, óvalos, rectángulos líneas, polígonos, texto, etc, veremos ejemplos , de como recortar imágenes, loops para dibujar líneas, eventos de teclado y como obtener el canal RGB.