Drawing with CSS: comic strip for comiCSS

Published: 16 January 2024
on channel: Alvaro Montoro
233
8

comiCSS is a comic/cartoon series that I have been coding for almost two years. It is a comic about CSS coded in CSS. This was the cartoon for January 15, 2024.

This video is the live coding of the cartoon from scratch, using CodePen as an editor. To code it, I used:

Grid
Relative and absolute positioning
Background gradients
Filters (blur)
Custom properties (aka CSS variables)
Borders and border-radius
Pseudo-elements

After the video, I added aria-labels to the images so they would be announced correctly. Check the source code for more details.

You can see the cartoon at: https://comicss.art/?id=114
And the source code and live demo at: https://comicss.art/comics/114/headac...

----

Music by: Bensound
License code: ATLALFCGYVE18KL6