A cry for help from employees. A how-to guide for corporate. — Let me start with a couple of considerations: this article doesn’t aim at any particular company. It is a collection of previous experiences and things I’ve heard (and seen) from friends and coworkers. Also, the post focuses mainly on software development jobs and mid-to-large-sized tech companies (although they apply to…

Learn and practice CSS by coding a drawing of this popular holiday character — In this article, we will see how to make a responsive cartoon of Santa Claus using HTML and CSS. Like this one: We will do it step by step, explaining each shape and each decision (or almost of all…

comiCSS cartoon for November 27, 2023 — The other day, Alicia Sykes shared a meme on DEV about JavaScript, correlation, and causation. And I loved it, so I decided to try make a CSS version of it. And the result is today’s comic. It actually was incredibly easy to code, and I tried to make it as…

comiCSS cartoon for November 20, 2023 — What happens when you share a demo online? Today’s comiCSS tries to answer that question with a pinch of humor. I really like this comic format and how this particular one looked. One of my favorite comiCSS cartoons. Links Permalink: https://comicss.art/?id=108 Image: https://comicss.art/comics/108/sharing-demo.png Source Code: https://comicss.art/comics/108/sharing-demo.html

comiCSS cartoon for November 13, 2023 — I must admit that this meme is not my favorite (it degrades valid views and experiences), but it was fun to code a version in CSS. Maybe I should have added more details, but I like its simplicity (both visual and in code.) And because comiCSS cartoons are coded in CSS and easy to change and create variations… here’s a second version inspired/suggested by Ricardo Oliva Alonso:

comiCSS cartoon for November 6, 2023 — This cartoon is a bit silly as an idea, but I like the essence. It’s trying to showcase the different values of text-wrap, an experimental CSS property that allows developers to specify how the text will wrap depending on its length. Apart from the “typical” values (of wrap and nowrap), there are two new ones that may be interesting, especially for page headings:

comiCSS cartoon for November 2, 2023 — I coded this cartoon after taking a short break in which I was doing CSS Art for the Divtober challenge (you can find the drawings on this post). The cartoon was coded with a single HTML element and using CSS and the pseudo-elements ::before and ::after to generate the text and characters. Links Cartoon: https://comicss.art/?id=105 Image: https://comicss.art/comics/105/divtober.png

comiCSS cartoon for September 25, 2023 — Web Development has evolved a lot in 20 years… but maybe not always for the best 😅 Links Post: https://comicss.art/?id=104 Image: https://comicss.art/comics/104/evolution.png Source Code: https://comicss.art/comics/104/evolution.html

A collection of 10 cool and exciting front-end demos shared on CodePen during October 2023 — WebGL Ghost Cursor (2023 update) Ksenia Kondrashova creates an updated version of this cool ghost that follows the cursor around the screen. Whimsical and fun, the effect can be easily customized to adjust the experience. Dia de los Muertos — ThreeJS The ThreeJS experiments by Ricardo Oliva Alonso are still ongoing… and are amazing! …