Drawing a rocket ship logo with a single HTML element: https://www.youtube.com/watch?v=8aTgQTrlM2U

Inspired by Jord Riekwel's Game Studio Logo
https://dribbble.com/shots/26076821-Game-Studio-Logo

New video live coding a CSS drawing
https://youtu.be/qlgFBTsTT6o?si=gJfNYBj2YB4Ec7Ig

The source code is on CodePen: https://codepen.io/alvaromontoro/pen/MYaoEBX

The evolution of a CSS drawing...

How it started (bunny)
How it continue (sheep)
How it ended (panda)

I had to go/suffer that mutant sheep to get there... but I really like the Panda. https://codepen.io/alvaromontoro/pen/myeORYd

And, of course, I stopped recording at the rabbit
https://www.youtube.com/watch?v=yzLl9YF7pWg

Một góc làm việc yên tĩnh, tập trung được tái hiện bằng CSS thuần túy. Tác phẩm nghệ thuật này tôn vinh sự tĩnh lặng và tập trung trong môi trường văn phòng hiện đại. Không cần JavaScript hay hình ảnh, chỉ bằng HTML và CSS. #CSSArt #Frontend #VietNam #CSSNghệThuật #LậpTrìnhViên

https://dev.to/suvojimodak/the-digital-workspace-442g

A really old joke coded in HTML and CSS using (some) trigonometry functions –yes, CSS has a few of those.

Source code and live demo at #CodePen: https://codepen.io/alvaromontoro/pen/xbwZVLa

Two TIL while coding this:

- You can add any Greek letter with HTML entities using their name (e.g., θ, ψ...). Even capitalized versions. This may be common knowledge, I didn't know until today.

- The hypot() function in CSS. I knew other trigonometric functions, but not this one and it was helpful.

I made Logic gates using CSS if() function

https://yongsk0066.github.io/css_if_logic_gate/

Just shared a new video drawing with CSS. This time is Yoda (or Grogu?) in a kawaii-ish style.
https://youtu.be/r_FH65HpYgE?si=JwTzTpuh3aujNmTi

He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :)

Live demo and source code on @codepen: https://codepen.io/alvaromontoro/pen/azOedNg

It's been a while since I posted a new video with CSS Art... or any type of live coding video.

This past week I drew a cute(-ish) koala with HTML and CSS. Here's how it was done: https://www.youtube.com/watch?v=DbwOi84y86o

New comiCSS cartoon: (Bad) Kerning the Frog
https://comicss.art/comics/191/

June is Pride Month. In this article, I explore several LGBTQ+ flags, how to recreate them using CSS and a single HTML element (fully responsive so they could double as icons), and share the history behind some of them.
https://alvaromontoro.com/blog/68009/lgbtq-flags-coded-in-css

Next week's comic as cartoon has a cat in it

CSS Eggs the new Batch. I made more CSS Egg art. This time I tired to make them more realistic by using shading.

https://dev.to/jarvisscript/css-eggs-the-new-batch-1p90

CSS & SVG

https://codepen.io/konstantindenerz/full/bNGQpqJ

The cupid I drew won DEV's February CSS Art challenge

Check out the code on @codepen at https://codepen.io/alvaromontoro/pen/raNOqdJ

Drawing a cartoon character with CSS
https://www.youtube.com/watch?v=yl1o-hE66uU

I seldom am able to join the #CodePenChallenge, but I had this week's already at the ready from a previous #divtober...

Single-div CSS Art in a Pop Art style!

Found on @CodePen at https://codepen.io/robleto/pen/qBYeYxb
#cssart #css #singlediv #popart #cpc

Sketching a character with CSS
https://www.youtube.com/watch?v=2yh3bU0smUo

A new CSS drawing: a pear-shaped blob?
https://www.youtube.com/watch?v=YxLIbWpd_9M

A CSS drawing: https://codepen.io/alvaromontoro/pen/KKONqmm

I need to learn how to draw eyes... and ears... and noses... and hands... I guess all body parts in general

Could this be the first ever responsive Music Video?

https://youtube.com/watch?v=V0nsD2bEqkg
https://codepen.io/ivorjetski/pen/jOgEyPO

@CodePen