Acabo de publicar el directo donde dibujamos a Gordon Freeman (Half-Life) sólo con código #CSS, sin imágenes ni SVG. ¡Además, me puse un headcrab en la cabeza!
👀Demo: https://codepen.io/manz/pen/rNwmXmG
⚡️manz.dev
➡️https://youtu.be/7xaoL-1hPu8
👀Demo: https://codepen.io/manz/pen/rNwmXmG
⚡️manz.dev
➡️https://youtu.be/7xaoL-1hPu8
YouTube
☢️ Dibujando a Gordon Freeman (Half-Life) con CSS
En este directo lo he pasado mal entre tanto recorte y traslación para darle forma al personaje. Ya desde la cabeza, Gordon Freeman se resistió un poco, pero al final lo hemos conseguido sacar. Gordon Freeman es el protagonista del videojuego Half-Life, un…
🔴 EN DIRECTO 🔴
¡Sábado! Vente a...
1️⃣ Charlar un rato y preguntar dudas
2️⃣ Aprender sobre desarrollo web y programación
3️⃣ Divertirte mientras aprendes trucos
4️⃣ ¡Creamos un ZX Spectrum usando #CSS!
🟣 https://twitch.tv/ManzDev
⚡️ https://manz.dev
¡Sábado! Vente a...
1️⃣ Charlar un rato y preguntar dudas
2️⃣ Aprender sobre desarrollo web y programación
3️⃣ Divertirte mientras aprendes trucos
4️⃣ ¡Creamos un ZX Spectrum usando #CSS!
🟣 https://twitch.tv/ManzDev
⚡️ https://manz.dev
Twitch
ManzDev - Twitch
Creamos cover de vinilo con CSS para Mini curso: Asincronía Javascript | !discord | !musicdev | !social
🌈 Acabo de publicar el directo del sábado, donde dibujamos un teclado ZX Spectrum (en honor a Sir Clive Sinclair), usando sólo código #CSS (sin imágenes ni SVG).
🎥 https://youtu.be/Qfq-cmqPdz4
👀 Demo: https://codepen.io/manz/pen/eYRMgQV
🐈 Repo: https://github.com/ManzDev/twitch-zx-spectrum
⚡️ Site: https://manz.dev
¡Comparte si te gusta!
🎥 https://youtu.be/Qfq-cmqPdz4
👀 Demo: https://codepen.io/manz/pen/eYRMgQV
🐈 Repo: https://github.com/ManzDev/twitch-zx-spectrum
⚡️ Site: https://manz.dev
¡Comparte si te gusta!
YouTube
🌈 Dibujamos un ZX Spectrum (tributo a Sir Clive Sinclair) con CSS
El pasado 16 de Septiembre, desgraciadamente, fallecía Sir Clive Sinclair, uno de los padres de la informática moderna y al que tanto le debemos por lo que tenemos hoy en día. Fue el creador del ZX Spectrum y el que incorporó la informática actual del momento…
🔴SÁBADO: EN DIRECTO🔴
Ya tenemos un Wheatley, una torreta y un GLaDOS Potato... ¡Vamos a por el cubo de compañía en 3D con #CSS!
¿Te vienes a charlar un rato antes?
➡️ https://twitch.tv/ManzDev
Ya tenemos un Wheatley, una torreta y un GLaDOS Potato... ¡Vamos a por el cubo de compañía en 3D con #CSS!
¿Te vienes a charlar un rato antes?
➡️ https://twitch.tv/ManzDev
Twitch
ManzDev - Twitch
Creamos cover de vinilo con CSS para Mini curso: Asincronía Javascript | !discord | !musicdev | !social
Acabo de publicar el directo con el making-of con todo el proceso de creación del cubo de compañía (de la saga de videojuego #Portal) en 3D y utilizando sólo #CSS.
🎬Making-of: https://youtu.be/hMFN9feq5UI
👀@CodePen codepen.io/manz/pen/QWMWvME
⚡️Más info: https://manz.dev
🎬Making-of: https://youtu.be/hMFN9feq5UI
👀@CodePen codepen.io/manz/pen/QWMWvME
⚡️Más info: https://manz.dev
YouTube
🧊❤️ Dibujando un cubo de compañía (Companion Cube) de Portal con CSS
En este directo nos hemos venido arriba y hemos dibujado un cubo de compañía, el fiel compañero emocional de nuestra querida saga Portal. Hemos utilizado el sistema de 3D de CSS y algunos trucos como gradientes para conseguir los efectos del cubo. Nos hemos…
Acabo de subir a youtube el directo donde dibujamos a los soldados de «El juego del Calamar» (#SquidGame) usando sólo #CSS (sin imágenes ni #Javascript).
🎬 https://youtu.be/HvOZAy7BkJQ
¡Más cosas en la web del canal!
⚡️https://manz.dev/streams/
¡Comparte! ➡️https://twitch.tv/ManzDev
🎬 https://youtu.be/HvOZAy7BkJQ
¡Más cosas en la web del canal!
⚡️https://manz.dev/streams/
¡Comparte! ➡️https://twitch.tv/ManzDev
YouTube
👧 Squid Game (Los soldados de El juego del calamar) dibujados con CSS
El juego del calamar (Squid Game) es la serie de moda del momento, seguro que la has visto o al menos has oído hablar de ella, y en este directo hemos decidido diseñar a los soldados (círculo, cuadrado y triángulo). Además, haremos un experimento con filtros…
🔴EN DIRECTO🔴 ¿Qué tendremos hoy?
1️⃣ ¡Vente a charlar sobre Desarrollo web!
2️⃣ ¿Quieres aprender sobre CSS? ¡Hoy es el día!
3️⃣ Dibujando con #CSS un personaje de SEGA
4️⃣ 🥑🎶
En breve arrancamos...
➡️ https://twitch.tv/ManzDev
1️⃣ ¡Vente a charlar sobre Desarrollo web!
2️⃣ ¿Quieres aprender sobre CSS? ¡Hoy es el día!
3️⃣ Dibujando con #CSS un personaje de SEGA
4️⃣ 🥑🎶
En breve arrancamos...
➡️ https://twitch.tv/ManzDev
Twitch
ManzDev - Twitch
Creamos cover de vinilo con CSS para Mini curso: Asincronía Javascript | !discord | !musicdev | !social
🔴 EN DIRECTO 🔴
Hace tiempo hice una demo emulando el antiguo Scandisk (MSDOS) con #HTML, #CSS y #Javascript. Usé una versión antigua de LitElement, Parcel 1, etc.
Hoy es un buen día para revisar el código en Twitch, comentarlo y mejorarlo:
➡️ https://twitch.tv/ManzDev
Hace tiempo hice una demo emulando el antiguo Scandisk (MSDOS) con #HTML, #CSS y #Javascript. Usé una versión antigua de LitElement, Parcel 1, etc.
Hoy es un buen día para revisar el código en Twitch, comentarlo y mejorarlo:
➡️ https://twitch.tv/ManzDev
Twitch
ManzDev - Twitch
Creamos cover de vinilo con CSS para Mini curso: Asincronía Javascript | !discord | !musicdev | !social
Publicado en Youtube el directo donde dibujamos al Dr. Robotnik (Sonic, SEGA) con código #CSS, sin utilizar imágenes, ni #Javascript.
🎬 Making-of: https://youtu.be/rPqB2blktSA
👀 Demo @CodePen https://codepen.io/manz/pen/vYJgpwa
🐈 Repo: https://github.com/Manzdev/twitch-robotnik
Más en https://manz.dev/streams
🎬 Making-of: https://youtu.be/rPqB2blktSA
👀 Demo @CodePen https://codepen.io/manz/pen/vYJgpwa
🐈 Repo: https://github.com/Manzdev/twitch-robotnik
Más en https://manz.dev/streams
YouTube
🥚🦔 Dibujando al Dr. Robotnik ("Eggman") de los juegos de Sonic (SEGA)
¿Conoces al Dr. Robotnik (también conocido como "Eggman")? Es el antagonista de los videojuegos de Sonic (SEGA) y es el personaje que hemos dibujado en este directo de Twitch.
- Directo Twitch 23/Oct/2021 -
00:00 Inicio de stream
05:20 Quote of the day…
- Directo Twitch 23/Oct/2021 -
00:00 Inicio de stream
05:20 Quote of the day…
🔴 EN DIRECTO 🔴
¡Hoy, vamos a estar en un especial de Halloween con #CSS!
¡Vente a charlar o preguntar!
➡️ https://twitch.tv/ManzDev
¡Hoy, vamos a estar en un especial de Halloween con #CSS!
¡Vente a charlar o preguntar!
➡️ https://twitch.tv/ManzDev
Twitch
ManzDev - Twitch
Creamos cover de vinilo con CSS para Mini curso: Asincronía Javascript | !discord | !musicdev | !social
¡Aviso para mañana Sábado 27!
https://twitter.com/Manz/status/1464332005945090056
https://twitter.com/Manz/status/1464332005945090056
Twitter
Manz 🇮🇨⚡👾
¡Mañana stream especial! Hace años di una charla donde expliqué Flex+Grid creando una baraja de poker sólo con #HTML y #CSS. Pues la repito. Sáb. 27: 🇪🇸 18:00 Charlando inicial 🇪🇸 19:00 Cards with CSS GRID (Charla) ☕ 20:00 Break 🇪🇸 ~20:15 Coding time ➡ manz.dev
Acabo de publicar en Youtube el directo (íntegro) donde creamos una baraja de cartas de poker sólo con código #CSS, también hacemos live coding y lo pasamos a componentes:
➡️https://youtu.be/_lGwyHDcKIc
Si prefieres el video sólo de la charla:
➡️https://youtu.be/wIGAyJGx2kc
➡️https://youtu.be/_lGwyHDcKIc
Si prefieres el video sólo de la charla:
➡️https://youtu.be/wIGAyJGx2kc
YouTube
🃏 Grid + Flexbox: Creando cartas de poker con código CSS (y componentes)
En este directo especial de Dibujando con CSS hemos dado un repaso a una antigua charla donde dibujaba una baraja de cartas de poker utilizando sólo estrategias de CSS como Grid, Flex, Position y similares. Luego, hemos creando un nuevo proyecto donde modernizamos…
Acabo de publicar en Youtube el directo de Twitch donde dibujamos una abducción OVNI de una inocente vaquita esférica con #CSS y animaciones.
Como siempre, en la descripción tienen el repo y otros links.
¡Esta tarde, directo a las 18:00!
🎬https://youtu.be/nQmfuFXX3cU
👀Demo: codepen.io/manz/pen/mdBeQvm
Como siempre, en la descripción tienen el repo y otros links.
¡Esta tarde, directo a las 18:00!
🎬https://youtu.be/nQmfuFXX3cU
👀Demo: codepen.io/manz/pen/mdBeQvm
YouTube
🛸 Creando una abducción OVNI (UFO) sólo con código CSS
En este directo hemos creado una abducción OVNI (UFO) de esta pobre vaquita esférica utilizando sólo código CSS, y un poquito de Javascript para la lógica inicial. ¡Echa un vistazo!
00:00:00 Inicio
00:05:20 Mensaje del día
00:09:55 Trailer del canal
00:12:00…
00:00:00 Inicio
00:05:20 Mensaje del día
00:09:55 Trailer del canal
00:12:00…
🔴 EN DIRECTO 🔴
¡Arrancamos stream! ¡Vente a charlar! Empezaremos hablando de #CSS y terminaremos con #Javascript
➡️ https://twitch.tv/ManzDev
¡Arrancamos stream! ¡Vente a charlar! Empezaremos hablando de #CSS y terminaremos con #Javascript
➡️ https://twitch.tv/ManzDev
Twitch
ManzDev - Twitch
Creamos cover de vinilo con CSS para Mini curso: Asincronía Javascript | !discord | !musicdev | !social
🔴 EN DIRECTO 🔴
¡Vamos a hacer carátulas retro con #CSS y #Javascript! ¿Te unes?
➡️ https://twitch.tv/ManzDev
¡Vamos a hacer carátulas retro con #CSS y #Javascript! ¿Te unes?
➡️ https://twitch.tv/ManzDev
Twitch
ManzDev - Twitch
Creamos cover de vinilo con CSS para Mini curso: Asincronía Javascript | !discord | !musicdev | !social
Publicado en Youtube el directo en el que hicimos un DeLorean DMC-12 (Back to the Future) con #CSS, sin imágenes y sin Javascript: https://youtu.be/-STgWx544ro
YouTube
🏛️🕓⚡ Haciendo un DeLorean DMC-12 (Regreso al futuro) con CSS
«Un momento, Doc... ¿me estás diciendo que has construido un DeLorean con CSS?» Pues eso es lo que hemos hecho. La famosa máquina del tiempo de la película de Regreso al futuro.
Basado en la imagen de Minkyung:
https://dribbble.com/shots/16881736-Back-to…
Basado en la imagen de Minkyung:
https://dribbble.com/shots/16881736-Back-to…
Publicado en Youtube el directo de ayer donde hablamos de «CSS Cascade Layers», una nueva característica de #CSS donde usamos capas (¡como las de Photoshop!) y los navegadores comienzan a soportar. Explico como funciona:
🎬 https://youtu.be/uskKA8vzfsA
➡️ https://lenguajecss.com/css/reglas-css/la-regla-layer/
🎬 https://youtu.be/uskKA8vzfsA
➡️ https://lenguajecss.com/css/reglas-css/la-regla-layer/
YouTube
🦸♀️ CSS CASCADE LAYERS: ¡Sistema de capas en CSS!
Fragmento de un directo de Twitch donde explicamos como funcionan los nuevos CSS Cascade Layers, un sistema de capas similar al de programas de diseño como Photoshop o similares, que permite simplificar la forma en la que escribimos selectores CSS para hacerlos…
¡Ojo! ¡Acabo de publicar en youtube los mejores momentos del directo Dibujando consola MegaDrive (SEGA Genesis) con #CSS (y un poco de Javascript)!
🆕 https://youtu.be/xabCn0BUhos
PS: También acabo de activar las reacciones en los mensajes de Telegram
🆕 https://youtu.be/xabCn0BUhos
PS: También acabo de activar las reacciones en los mensajes de Telegram
YouTube
👾 MegaDrive / SEGA Génesis dibujada con código CSS
¿Recuerdas esta maravillosa consola? La MegaDrive o SEGA Génesis marcó un antes y un después con grandes juegos como Sonic, Streets of Rage y tantos otros. En este directo resumido, podemos ver los mejores momentos de la creación y dibujo de esta consola...…