comiCSS

I did another piece of CSS Art, this time it is a monster or a cartoon character (depends on how you look at it.) Of this cartoon, I liked doing the head/face. It's kind of a squircle (combination of square and circle with rounded borders and edges) and a single HTML element. In the past I achieved

I like drawing with CSS, I find it relaxing (I know it's weird, but it is what it is). Today I recorded a live session with me coding this kawaii version of Yoda/Grogu with HTML and CSS, and shared it on YouTube: https://www.youtube.com/watch?v=r_FH65HpYgE The coding process took around 1:30, but I

I normally do flat drawings or 3D demos with CSS, but on this occasion, I tried something slightly different. I tried to simulate the clay effect that people have on some websites with CSS. A faux 3D using gradients and shadows, and shared the live coding process on YouTube. Drawing with CSS: Clay C

I did some single-element CSS art. I wanted to do a cartoon chibi-style, but it soon became my "manga-style." I did several variations, trying different styles for the hair. The colors I picked randomly reminded me of a picture of Sara Soueidan, so I tried (unsuccessfully) to turn the hair into a ha

A Newton's cradle is a device that showcases the conservation of momentum and energy in Physics. In this animated cartoon, I play with the idea of making a silly pun involving little spiders and the Interwebs. It has the same style (and font) as the last cartoon I shared with the fish ranting about

Me: Should I draw something cute or creepy? Also me: Yes. ---- Link to the drawing: https://codepen.io/alvaromontoro/pen/jOzaoVB

Today's Angry NPC Wojak meme was only in preparation for the next comic: a version of the comic explaining how CSS is actually a "programming language"... and not just a programming language but an object-oriented one* It takes the code from today's cartoon and expands it a little. I like it because

This cartoon will be a Thursday post. A joke I saw online (I don't remember where 😳) inspired it, and I combined it with something I drew a while back (the surprised Pikachu meme.) Initially, it was just a cartoon with two panels (closer to how it looked online). Later, I added a third one as there

As always, the whole thing is done with CSS and HTML. You can watch the process in this video: https://www.youtube.com/watch?v=KX8hr2QksXA And the source code and live demo: https://codepen.io/alvaromontoro/full/vYdyOxe

Continuing with the artsy demos, I created CSS versions of different artists for the next comic strip: Roy Lichtenstein Andy Warhol Wassily Kandinsky Piet Mondrian And I'm working on one more for tomorrow's comic strip (still a work in progress, see it attached to this post or on this private CodePe

This week I made a CSS version of Roy Lichtenstein's famous painting "I can see the whole room... and there's nobody in it!" I wanted to do something different and more artsy for next week's comic strip and this is only a part of it. In particular, the colors of this cartoon use the LCH color space