ManzDev @manz.dev · 16/03/2026🔥 ¡Nuevo video en Youtube! 🔥 OPENCODE + OLLAMA INTELIGENCIA ARTIFICIAL 100% LOCAL ✅ Uso de modelos locales con ollama ✅ Modelos cuantizados ✅ Usar Opencode con modelos locales ✅ Customizar modelos con Modelfile (estilo docker) 👇 Links 151
ManzDev @manz.dev · 11/03/2026🔥 ¡Nuevo video! Tutorial de ComfyUI 🔥 ✅ ComfyUI: Herramienta para crear imágenes ✅ En local: GRATIS y sin suscripciones ✅ Conceptos y modelos para utilizar ✅ Explicaciones con workflows de ejemplo 👇 Link 121
ManzDev @manz.dev · 24/02/2026¡Este domingo 1/MAR empieza la FASE 2 del BOOTCAMP GRATUITO de Desarrollo web moderno. ✅ Bases de HTML ✅ Etiquetas (desde `<div>` hasta `<template>`) ✅ Semántica, accesibilidad y rendimiento ✅ HTML-first y mejora progresiva ✅ Novedades (diálogos, popovers, invokers...) 👇 120
ManzDev @manz.dev · 20/02/2026La clase del Bootcamp de ayer, creo que ha sido la mejor con diferencia. El feedback ha sido buenísimo. ¿Qué te pareció? ✅ Inteligencia Artificial y LLM ✅ Agentes: OpenCode ✅ Usamos Ollama como LLM local ✅ Usamos ComfyUI en local para generar imágenes 👇 ¡Tienes ya la clase en Youtube! 132
ManzDev @manz.dev · 12/02/2026El próximo JUEVES 19, tendremos la cuarta clase del Bootcamp gratuito: Inteligencia Artificial. ✅ Inteligencia Artificial y LLM ✅ IA: Modalidad cloud vs local ✅ Instalación y uso de Ollama (LLM locales) ✅ Modelos LLM y agentes (OpenCode) ✅ IA Generativa: Workflows con ComfyUI 👇 Enlaces abajo 4122
ManzDev @manz.dev · 11/02/2026¡Este domingo 15, nueva clase del Bootcamp gratuito! ✅ Día 1: WSL y Terminal de Linux ✅ Día 2: Fundamentos de Javascript 📆 Día 3: Control de proyectos JS Vamos a aprender a crear y gestionar un proyecto Javascript usando herramientas como pnpm, node, oxc y usando git y GitHub. 👇 Enlaces abajo 160
ManzDev @manz.dev · 10/02/2026¡Ya está disponible la segunda clase del Bootcamp! FUNDAMENTOS DE JAVASCRIPT ✨ Variables (const, let e using) ✨ Tipos de datos (String, Map... y hasta Symbol) ✨ Condicionales y bucles ✨ Funciones (Arrow functions incluidas) ✨ Clases 👇 Enlace al video abajo 120
ManzDev @manz.dev · 09/02/2026¡Ya está publicada la clase del domingo 8 en Youtube! ✅ Clase 1: Instalación WSL + Terminal de Linux ✅ Clase 2: Fundamentos + Bases de Javascript 📆 Clase 3 (15/FEB): Bases de Git + PNPM + OXC 📆 Clase 4 (19/FEB): Inteligencia Artificial + IA local 👇 Enlaces abajo 110
ManzDev @manz.dev · 07/02/2026¡Mañana, 8/FEB, seguimos con el Bootcamp gratuito! ✨ Recuerda: Bootcamp enfocado en ENTENDER. ✨ Todos los domingos, en Twitch y Youtube. ✨ En la web tienes más información. ✨ Si te perdiste la primera sesión, ¡video en la web! ✨ Mañana: Fundamentos de programación / Javascript. 👇 Links abajo 111
ManzDev @manz.dev · 02/02/2026¡Ayer comenzamos el Bootcamp gratuito de Desarrollo web en Twitch/Youtube! ¡Más de 300 usuarios simultáneos entre ambas plataformas! ¡Un domingo! ¡Gracias a todos! 💖 👇 Tienes el contenido en la web del Bootcamp 111
ManzDev @manz.dev · 25/01/2026⌛ ¡Sólo falta una semana y arrancamos! ✅ Bootcamp de fundamentos web ✅ Inicio: 1 de FEBRERO ✅ Twitch / Youtube ✅ Todos los domingos ✅ Gratuito 🚀 ¿Vienes a aprender conmigo? 111
ManzDev @manz.dev · 11/01/2026💜 ¡Acabo de lanzar la nueva HTML Cheatsheet 2026! ✅ Separados por temática y subcategorías ✅ Etiquetas HTML/SVG y atributos modernos ✅ Modos de Scripting (módulos, maps, rules...) ✅ Capacidades multimedia de HTML ✅ Formato PDF lista para imprimir 👇 15212
ManzDev @manz.dev · 03/01/2026💜 ¡Comandos de terminal! ¡Nueva Cheatsheet 2026! ✅ Separados por temática y subcategorías ✅ Alternativas modernas a comandos clásicos ✅ Colores para indicar si son Rust/Go/Python ... ✅ Recetas para instalar ciertas herramientas ✅ Formato PDF lista para imprimir 👇 120
ManzDev @manz.dev · 22/12/2025¡Tengo algo que anunciar! ¡El próximo 1/FEB comenzamos Bootcamp gratuito de Desarrollo web en Twitch/Youtube! ✅ Prioridad: entender los fundamentos ✅ Enfoque moderno ✅ Tienes el temario en la web ✅ Si tienes alguna duda, visita la FAQ 👇 ¡Comparte y sígueme en redes para no perdértelo! 132
ManzDev @manz.dev · 09/12/2025🎨 ¡Modern CSS Cheatsheets 2026! ¡Acabo de lanzar las nuevas Cheatsheets CSS! Incluye: ✅ Descargable en PDF ✅ Color + Box Model + Corner Shape ✅ Fonts + Efectos + Masks + Shapes ✅ Animaciones + Flex + Grid + Anchor Position ✅ Matemáticas + Lógica CSS + Condicionales ⬇ ¡Y mucho más! 1522
ManzDev @manz.dev · 18/09/2025Una de las limitaciones de Flex y Grid era no poder colocar líneas divisorias a las celdas. Con la nueva propiedad CSS `rule` de Decoration Gaps podemos crear esas decoraciones a los gaps de nuestro diseño: ✅ Propiedades `column-rule-*` ✅ Atajos `rule` 👇 Te la explico abajo 141
ManzDev @manz.dev · 04/09/2025📘 Principios de OOP 📘 ¿Existen también para CSS? Uno de los principales problemas de CSS es que los DESARROLLADORES ❌no se preocupan en aprender CSS correctamente. CSS no es OOP, sin embargo, sus principios se pueden aplicar de forma muy similar en CSS... 👇 ¡Observa! 111
ManzDev @manz.dev · 03/09/2025📒 Curso gratuito de programación Frontend ¡Inscripciones recién abiertas! Buscamos alumnos interesados en entrar de forma profesional al mundo de la programación, aprendiendo fundamentos, usando la inteligencia artificial y herramientas modernas de forma adecuada. 👇 Link 110
ManzDev @manz.dev · 25/08/2025🚀 ¡Las funciones CSS han llegado a CSS! 🚀 ✅ La regla `@function` permite crear funciones ✅ El nombre de la función se prefija con `--` ✅ Opcionalmente, puedes tipar los parámetros, dar un valor por defecto y tipar la devolución ✅ La propiedad `result` devuelve el valor 👇 Sigue 121
ManzDev @manz.dev · 22/08/2025🥊 DESTRUYENDO MITOS 🥊 Una pregunta que me hacen mucho: ¿Qué es mejor, `getElementById()` o `querySelector()`? Analizamos: 1️⃣ Búsqueda de elementos 2️⃣ Ámbito de búsqueda 3️⃣ ¿Qué devuelve? 4️⃣ Rendimiento 5️⃣ Gestión de errores 6️⃣ Legibilidad de la API 👇 111
ManzDev @manz.dev · 22/08/2025¡Subido video a Youtube! Debatimos muchas ideas sobre el tema «¿Puede una IA pensar y razonar?» - ¿Qué es realmente pensar y razonar? - La historia de ELIZA - ¿Cómo piensa realmente una IA (LLM)? - Los loros estocásticos - Vibe coding vs Vibe learning - Debate y opiniones del chat 👇 Link 100
ManzDev @manz.dev · 21/08/2025¡Recuerda que en LenguajeCSS tienes una plataforma para ver de un solo vistazo el soporte en navegadores! ✅ Propiedades, funciones, reglas o selectores CSS ✅ Etiquetas y atributos HTML o SVG ✅ Tipos, APIs y métodos de Javascript ✅ Con posibilidad de filtrar ✅ Haciendo clic te da más información 👇 100
ManzDev @manz.dev · 21/08/2025📚 Entendiendo el SHADOW DOM ❌ En programación es fácil escribir datos desorganizados y perder el foco ✅ La "encapsulación" consiste en organizar datos y métodos para simplificar y reutilizar ❌ Muchos datos sin organizar: desordenado y confuso ✅ Una clase OOP organiza, simplifica y reutiliza 111
ManzDev @manz.dev · 20/08/2025📒 Técnicas y consejos del DOM (2025) 📒 ✨ Busca hijos (descendientes) con .querySelector/All ✨ Busca padres (ancestros) con .closest() ⛔ Evita getElementById() u otros, menos flexibles ✨ Usa .classList y sus métodos para manipular clases ⛔ Evita el uso de .className Sigue 👇 131
ManzDev @manz.dev · 19/08/2025🚀 Usa tu propio ChatGPT local con Ollama 🚀 🦙 Ollama es el programa (cliente). Puedes descargarlo desde su página oficial (Win/Mac/Linux). 🦙 Su última versión incorpora una interfaz similar a ChatGPT (Win/Mac), donde puedes elegir el modelo a usar y tener historiales con las conversaciones. 141
ManzDev @manz.dev · 18/08/2025A raíz de un tweet de Maximiliano Firtman ( x.com/maxifirtman/... ) decidí crear un breve artículo sobre el tema con mi opinión: 👇 «¿Pueden las inteligencias artificiales (LLM) pensar y razonar?» lenguajejs.com/aprender-a-p... 000
ManzDev @manz.dev · 12/08/2025🚀 ROADMAP FRONT-END 2025 🚀 ✅ Orden para aprender conceptos y tecnologías ✅ Empieza por pilares: Diseño, desarrollo o terminal ❌ No empieces por frameworks. Aprende la base. ✅ Cuanto más a la derecha, más específico. ✅ Ojo con la IA: Pide explicaciones, no soluciones. 👇 130
ManzDev @manz.dev · 11/08/2025💜 Container Media Queries 💜 ¡Cómo las @media queries, pero mejores! ✅ Media Queries ▶ Tamaño total del navegador ✅ Container Queries ▶ Tamaño del contenedor padre ✅ Se adapta al contenedor donde está ubicado ✅ Ideal para componentes 👇 120
ManzDev @manz.dev · 07/08/2025📚 ¿Sabes usar los nuevos Media Queries? 💥 No más `screen` o los molestos mínimos y máximos ✅ Expresiones de rangos flexibles y potentes ✅ ¡Puedes incluso anidar `@media` en el CSS! ✅ Los `media features` detectan otras características, no sólo la pantalla del dispositivo ¿A que son más cómodos? 👇 100
ManzDev @manz.dev · 06/08/2025🚀 ¡Deja de usar <div> para todo! ¡HTML semántico! ✅ Usa `<picture>` sobre `<img>` (soporte moderno) ✅ Usa bien los encabezados: <h1>, <h2>... ✅ Usa `<hgroup>` en titulares con info adicional ✅ Usa `rel` en los enlaces para dotar semántica Y sobre todo, recuerda... ❌ ¡No uses `<div>` siempre! 130
ManzDev @manz.dev · 05/08/2025🧡 ¿Sabías que puedes crear ventanas de diálogo sólo con HTML? (Sin Javascript, ni librerías) 🧡 ✅ Con <dialog> creamos ventana ✅ Con open la tenemos abierta o cerrada ✅ Con closedby cerramos con ESC o pulsando fuera ✅ Con command abrimos modales sin JS ✅ Con method=dialog cerramos ventana sin JS 👇 140
ManzDev @manz.dev · 04/08/2025✅ ¿Qué formato de imagen debería usar? ✨ GIF: Antiguo, evitar ✨ JPG/PNG: Antiguos, pero seguros ✨ WebP: Reemplazo actual de JPG/PNG ✨ AVIF/JXL: Modernos, nueva generación ✨ SVG: Ideal para imágenes escalables 👇 110
ManzDev @manz.dev · 31/07/2025🚀 La evolución de los Webcomponents (2025) ✅ Puedes crear un fragmento del DOM de un string ✅ Puedes crear un CSS construible desde un string ✅ El `import ... with` importa módulos JSON/CSS ✅ HTML encapsulado: CSS sólo se aplica a ese HTML. ✅ Componente `<user-card>` nativo. Potente y flexible. 👇 112
ManzDev @manz.dev · 30/07/2025📘 Todas las propiedades de animaciones de CSS y su soporte actual en navegadores ✅ Propiedades básicas de control de animación ✅ Control de ritmo de animación ✅ Composición de animaciones 🆕 ✅ Creación de timelines (scroll o vistas)🆕 ¿Las conocías todas? 👇 100
ManzDev @manz.dev · 29/07/2025💜 Tipando variables CSS con @property 💜 ✅ ¡Sí, CSS tiene variables! ✅ ¡Sí, CSS tiene tipos de datos! ✅ Usamos @property para tipar la variable `--x` ✅ El navegador sabe que es `--x` y puede animarla 👇 120
ManzDev @manz.dev · 28/07/2025🧪 ¿Conoces todas las etiquetas HTML que existen? ¡Seguro que te faltan algunas! ✅ Tabla periódica de los elementos de HTML5 ✅ Dividido por grupos o categorías ✅ Incluye novedades como `<search>` o `<hgroup>` ✅ Al pulsar en uno, te explica en español sus detalles 👇 120
ManzDev @manz.dev · 23/07/2025💛 Cosas que no sabías de la etiqueta `<script>` 1️⃣ ¿Cómo cargas Javascript? (normal, defer y async) 2️⃣ Módulos ESM (carga Javascript, JSON o CSS) 3️⃣ Import Maps (Alias de nombres para importar) 4️⃣ Data Blocks (Datos sin formato personalizados) 5️⃣ NoJS (Alternativa para usuarios con JS desactivado) 👇Más 121
ManzDev @manz.dev · 22/07/2025💜 4 cosas que NO sabías sobre Nesting CSS ✅ Es la capacidad de anidar más CSS dentro de CSS. ❌ Ya no hace falta Sass/PostCSS. ✅ Hay dos sintaxis: 1) Usando & 2) Sin & (relaxed). ✅ Usa & cuando quieras añadir al contenedor. 👇 Más 100
ManzDev @manz.dev · 21/07/2025🧡 Cosas que no sabías de la etiqueta HTML `<img>` 1️⃣ El `alt` es obligatorio 2️⃣ No hace falta `/` de autocierre 3️⃣ No confundir `alt` con `title` 4️⃣ Mejora SEO evitando nombres genéricos 5️⃣ AVIF o WebP los mejores formatos de imagen ⬇ Sigue 131
ManzDev @manz.dev · 19/07/2025💜 La propiedad `perspective` en CSS Consigue ilusión 3D muy vistosa con CSS añadiendo perspectiva (distancia observada, punto de fuga) ✨ Contenedor: borde gris, elemento: rojo interior ✨ La perspectiva se añade en el padre ✨ La variable `--perspective` tiene valor con `px` 121
ManzDev @manz.dev · 18/07/2025Diferencia entre `filter` y `backdrop-filter` en CSS: Observa el `<div>` que indica «El pato anti-tailwind»: ✨ Con `filter` aplicas a un elemento del DOM e hijos ✨ Con `backdrop-filter` sólo a la parte visible detrás Ejemplo aplicando `blur(2px)`: 120
ManzDev @manz.dev · 17/07/2025💜 La nueva función `image-set()` de CSS Define un conjunto de imágenes para usar de fallback: Si no se carga la primera, lo intentará con la segunda, y así. Puedes elegir dependiendo de: ✅ Formato: AVIF > WebP > JPEG ✅ Resolución: 1x > 2x (HD) ✅ Ancho de banda (gradientes!) 211
ManzDev @manz.dev · 16/07/2025💜¡La nueva función `shape()` de CSS! Podemos utilizar `shape()` en CSS para hacer trayectos SVG en pocas lineas de código. ¡Muy potente! ✅ Usable con `clip-path` para recortar ✅ Usable con % para hacerlo responsive ✅ Usable con variables CSS ✅ Misma lógica de SVG en atributos path `d` ⬇ Más info 120
ManzDev @manz.dev · 15/07/2025🆕 ¡La función attr() de CSS se vuelve muy potente! ✅ En el HTML, añades datos con atributos `data-*` ✅ En el CSS, usas la función attr() moderna ✅ Con la función `type()` tipas los datos ✅ Con los datos tipados, puedes reutilizarlos ⬇ Más info 131
ManzDev @manz.dev · 14/07/2025🆕 ¡Nuevas funciones CSS! Dos nuevas funciones para contar elementos del DOM con CSS. Imagina varios elementos `<li>` que están al mismo nivel. `sibling-count()` Devuelve el total de hermanos `sibling-index()` Devuelve el número del hermano ⬇ Explicación abajo 110
ManzDev @manz.dev · 07/07/2025📒💯 ¡Cómo está cambiando Javascript! ⏸ Funciones generadoras (¡pausables!) 🔁 Iteradores (gestión eficiente al recorrer estructuras) ❎ Método `.drop()` ➡ Descarta items ✅ Método `.take()` ➡ Selecciona y descarta el resto 📦 Método `.toArray()` ➡ Genera array final ✅ Navegadores actuales ⬇ Más info 100
ManzDev @manz.dev · 01/07/2025📒 Conoces `var`, `let` y `const` en Javascript, pero... ¿conocías `using`? 🟥 Con `var` se declaraban antiguamente variables 🟩 Hoy en día, usamos `let` y `const` ✨ Con `using` puedes declarar variables en un ámbito y gestionar tareas de limpieza automática ✅ Soportado por Chrome, Edge y Firefox. ⬇ 111
ManzDev @manz.dev · 30/06/2025📒 ¡Cheatsheet del DOM (moderno) de Javascript! ✨ Deja de usar getElementById ¡querySelector al rescate! ✨ Evita usar className. Mejor, classList ✨ Usa .style con .setProperty + .getPropertyValue ✨ Evita innerHTML. Usa getHTML/setHTMLUnsafe ✨ No al appendChild. Mejor append, prepend, before y after. 151
ManzDev @manz.dev · 23/06/2025Si necesitas crearte un "pack" de iconos SVG en Astro (o cualquier webapp donde uses Vite), he publicado en GitHub `vite-plugin-supersvg` ✅ Pon tus SVG en `src/icons/` ✅ Separa en carpetas: `src/icons/socials/` ✅ Se creará un Sprite SVG con todos los iconos ✅ Usalo desde HTML, no necesitas JS 👇 110
ManzDev @manz.dev · 20/06/2025¿Buscas un «CanIUse» MÁS directo? ✅ Múltiples características a la vez (y filtrables) ✅ Soporte Baseline en diferentes navegadores ✅ Más información al hacer click (y en español) ✅ Features de HTML, CSS y Javascript ⬇ 141