<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
  <title>comiCSS</title>
  <subtitle>A webcomic about CSS. Coded in CSS.</subtitle>
  <link href="https://comicss.art/atom.xml" rel="self" />
  <link href="https://comicss.art/" />
  <id>https://comicss.art/</id>
  <updated>2022-02-18T00:00:00Z</updated>
  <entry>
    <title>Flexing</title>
    <link href="https://comicss.art/comics/1" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/1/flexing.html"/>
    <id>https://comicss.art/comics/1</id>
    <updated>2021-01-09T00:00:00Z</updated>
    <summary>New cartoon: flexing.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/1/flexing.png" alt="A cartoon with two panels. In the first one, there's a black-and-white character small in the box, and says 'sometimes I feel quite small'. In the second panel, the character looks big in the box, and says 'then I flex a little'" /></p>
      </div>
    </content>
    <rights>Copyright 2021 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Word Breaking</title>
    <link href="https://comicss.art/comics/2" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/2/word-breaking.html"/>
    <id>https://comicss.art/comics/2</id>
    <updated>2021-01-07T00:00:00Z</updated>
    <summary>New cartoon: word breaking.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/2/word-breaking.png" alt="A cartoon with one panel. A serious-looking black-and-white character over the repeating message 'The world is a really peculiar place. There are times when you feel like break-dancing, and some other times, when you just feel like word-breaking...'" /></p>
      </div>
    </content>
    <rights>Copyright 2021 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Lioncorn</title>
    <link href="https://comicss.art/comics/3" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/3/lioncorn.html"/>
    <id>https://comicss.art/comics/3</id>
    <updated>2022-01-03T00:00:00Z</updated>
    <summary>New cartoon: Lioncorn.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/3/lioncorn.png" alt="Cartoon showing a lion with a unicorn hat saying 'I am a unicorn! Roar!... and so forth'. And an ashamed unicorn smiling next to it." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Unilion</title>
    <link href="https://comicss.art/comics/4" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/4/unilion.html"/>
    <id>https://comicss.art/comics/4</id>
    <updated>2022-01-03T00:30:00Z</updated>
    <summary>New cartoon: Unilion.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/4/unilion.png" alt="Cartoon showing a unicorn with a lion mane wig hat saying 'I am a lion! Roar!... and so forth'. And an ashamed lion smiling next to it." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>At the barbershop</title>
    <link href="https://comicss.art/comics/5" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/5/barbershop.html"/>
    <id>https://comicss.art/comics/5</id>
    <updated>2022-01-30T00:00:00Z</updated>
    <summary>New cartoon: barbershop.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/5/barbershop.png" alt="A comic strip with two panels showing a barber with a razor and a client. In the first one, the barber asks 'do you prefer the neckline square or rounded?'. In the second one, the client replies 'border-radius: 100% / 20%' to the surprise of the barber." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Texas Freeze I</title>
    <link href="https://comicss.art/comics/6" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/6/texas-freeze-i.html"/>
    <id>https://comicss.art/comics/6</id>
    <updated>2022-02-04T00:00:00Z</updated>
    <summary>New cartoon: Texas Freeze I.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/6/texas-freeze-i.png" alt="Comic strip with two panels. The first one reads: 'A cold front approaches Texas... again...'' and it has a white man reading a text message on his phone: *message from parents* It is freezing in Texas. What are you doing to stay warm?. In the second panel, the man replies: Don't worry. I'm fine. I'm holding a laptop and opened one of my CSS animations." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Texas Freeze II</title>
    <link href="https://comicss.art/comics/7" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/7/texas-freeze-ii.html"/>
    <id>https://comicss.art/comics/7</id>
    <updated>2022-02-04T10:00:00Z</updated>
    <summary>New cartoon: Texas Freeze II.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/7/texas-freeze-ii.png" alt="Comic strip with two panels. The first one reads: 'A cold front approaches Texas... again...' and it has a white man reading a text message on his phone: *message from parents* Temperatures will drop to the single digits. In the second panel, the man replies: Got it! Then I'll open the 3D animations." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Texas Freeze III</title>
    <link href="https://comicss.art/comics/8" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/8/texas-freeze-iii.html"/>
    <id>https://comicss.art/comics/8</id>
    <updated>2022-02-04T02:00:00Z</updated>
    <summary>New cartoon: Texas Freeze III.</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/8/texas-freeze-iii.png" alt="Comic strip with two panels. The first one reads: 'A cold front approaches Texas... again...' and it has a white man reading a text message on his phone: *message from parents* This is serious!! It could get really cold!!!. In the second panel, the man replies: Ok, ok. I'll use Chrome to open the animations." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>You cannot write...</title>
    <link href="https://comicss.art/comics/9" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/9/accessory.html"/>
    <id>https://comicss.art/comics/9</id>
    <updated>2022-02-11T00:00:00Z</updated>
    <summary>New cartoon: You cannot write...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/9/accessory.png" alt="Comic strip with two panels. The first one shows a white man saying: 'You cannot write accessibility without CSS'. The second panel is a view of the same white man from behind, he is holding a blood-soaked knife and says: nor accessory to murder... but let's put a display:none on that one for now." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Their love was impossible</title>
    <link href="https://comicss.art/comics/10" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/10/impossible-love.html"/>
    <id>https://comicss.art/comics/10</id>
    <updated>2022-02-14T00:00:00Z</updated>
    <summary>New cartoon: Their love was impossible</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/10/impossible-love.png" alt="Comic strip with a single panel showing a fly and a spider smiling at each other with a heart in between them." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Superheroes.css</title>
    <link href="https://comicss.art/comics/11" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/11/superherocss.html"/>
    <id>https://comicss.art/comics/11</id>
    <updated>2022-02-18T00:00:00Z</updated>
    <summary>New cartoon: Superheroes.css</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/11/superherocss.png" alt="Comic strip showing CSS code that describes different superheroes based on CSS properties" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Surprised Pikachu</title>
    <link href="https://comicss.art/comics/12" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/12/pikachu.html"/>
    <id>https://comicss.art/comics/12</id>
    <updated>2022-02-21T00:00:00Z</updated>
    <summary>New cartoon: Surprised Pikachu</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/12/pikachu.png" alt="Comic strip showing a surprised Pikachu meme, with a surprise little Pokemon next to the text: 'Me: *builds CSS animatrion*. *Computer fan goes crazy* Me:' and the drawing" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Scroll Snap</title>
    <link href="https://comicss.art/comics/13" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/13/scroll-snap.html"/>
    <id>https://comicss.art/comics/13</id>
    <updated>2022-02-25T00:00:00Z</updated>
    <summary>New cartoon: Scroll Snap</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/13/scroll-snap.png" alt="Comic strip with 6 stacked panels. The first, third, and fifth one show a man scrolling a mouse in front of the computer. The second and fourth show the man snapping his fingers. The sixth shows the man worried as someones says 'that's not how you do scroll snap!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Accent Colors</title>
    <link href="https://comicss.art/comics/14" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/14/accent-color.html"/>
    <id>https://comicss.art/comics/14</id>
    <updated>2022-02-28T00:00:00Z</updated>
    <summary>New cartoon: Accent Colors</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/14/accent-color.png" alt="Comic strip with 5 panels showing a white man getting angrier and angrier while updating the color value on CSS to green in Spanish, German, French, and Ukranian. In the final panel he asks 'Hey, honey! How did you say accent-color worked in CSS?'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>My CSS is to Democracy</title>
    <link href="https://comicss.art/comics/15" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/15/democracy.html"/>
    <id>https://comicss.art/comics/15</id>
    <updated>2022-03-07T00:00:00Z</updated>
    <summary>New cartoon: My CSS is to Democracy</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/15/democracy.png" alt="Cartoon of a man looking at a laptop and saying 'My CSS is to Web Development what Communism is to Democracy!' (based on a classic Mafalda cartoon)" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Fast, Faster, Fastest</title>
    <link href="https://comicss.art/comics/16" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/16/fastest.html"/>
    <id>https://comicss.art/comics/16</id>
    <updated>2022-03-14T00:00:00Z</updated>
    <summary>New cartoon: Fast, Faster, Fastest</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/16/fastest.png" alt="Cartoon with 3 panels. The first one shows the IE11 logo crossing a finish line. The second panel shows the IE logo taunting 'SUCK IT, LOSERS!! I WON!!! IE IS THE FASTEST!! IE IS THE BEST!!!!' at other browsers logos that discuss about who will talk to IE. In the third and last panel, the Chrome logo is whispering to IE logo's ear. The IE logo looks shocked and says: 'What do you mean Rio was over six years ago?.... Tokyo? That's like 11,000 miles away!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>2022 CSS Presidential Debate</title>
    <link href="https://comicss.art/comics/17" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/17/debate.html"/>
    <id>https://comicss.art/comics/17</id>
    <updated>2022-03-21T00:00:00Z</updated>
    <summary>New cartoon: 2022 CSS Presidential Debate</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/17/debate.png" alt="Comic strip with 4 panels. The first one has the title '2022 CSS Presidential Debate', there are two comentators and one says 'next question is for both candidates: what is the main issue impacting CSS today?' In the second panel, one candidate replies 'Definitely, the lack of support of key features by some browsers', the other candidate goes in a non-sensical attack to the first candidate using a lot of CSS terms. In the third panel, the second candidate floods the conversation with his nonsensical speech while the first candidate looks confused and says 'wait... what? are you just chaining random CSS keywords?'. In the last panel, the moderators are back and one says smiling: 'Wow! I dont want to influence people, but I think we have a clear winner.'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Ghost Costume</title>
    <link href="https://comicss.art/comics/18" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/18/ghost-costume.html"/>
    <id>https://comicss.art/comics/18</id>
    <updated>2022-03-28T00:00:00Z</updated>
    <summary>New cartoon: Ghost Costume</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/18/ghost-costume.png" alt="Comic strip with 4 panels. The first one shows the IE logo dressed up with a white blanket on top and saying 'Hey!' to a confused Chrome logo that says 'Errr.... hello?' and murmurs 'is it summer already?'. The second panel shows the IE logo saying 'sup?' to a scary-looking Safari logo yelling AIEEEE! In the third panel, the IE logo says 'morning' to the Opera logo that looks intrigued saying 'What the...'. In the final panel, the IE logo smiles happily saying 'Wow! my new ghost costume is going to kill it this Halloween', while a conversation happens off-panel: 'Halloween?', 'Mhmm', 'But June 15', 'I know', 'We need to tell IE', 'Why? Look how happy it is', 'But...', 'No!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Eeny, Meeny, Miny, Moe</title>
    <link href="https://comicss.art/comics/19" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/19/eeeny-meeny-miny-moe.html"/>
    <id>https://comicss.art/comics/19</id>
    <updated>2022-04-04T00:00:00Z</updated>
    <summary>New cartoon: Eeny, Meeny, Miny, Moe</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/19/eeny-meeny-miny-moe.png" alt="Cartoon with the lyrics of the song 'Eeny, meeny, miny, moe. Catch a tiger by the toe. If he hollers, let him go. Eeny, meeny, miny, moe!' printed over different browser logos (with scared faces): Chrome, Samsung Internet, Opera, Yandex, Maxthon, Tor, Vivaldi, and Safari (where there the song ends). In the last panel, a bubble has the text 'It is decided! Safari, from now on, youll be known as The New IE' And a crying Safari logo replies 'But... but... I am a fine browser. I am not as bad as before, I support many things... please... I support Lab and LCH... container queries... cascade layers... I swear, 15.4 is amazing... Dont do this to me...' And in a corner of the panel the IE logo says from a distance 'Hey, friends, Not trying to rain on your parade, but... I am still alive, you know?' and a voice in off says 'shut up, IE!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>A very private browser</title>
    <link href="https://comicss.art/comics/20" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/20/private.html"/>
    <id>https://comicss.art/comics/20</id>
    <updated>2022-04-08T00:00:00Z</updated>
    <summary>New cartoon: A Very Private Browser</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/20/private.png" alt="Cartoon with two panels. The first one shows the Chrome and Safari browser logos talking. Chrome says: 'So... what do we know about the new guy?' and Safari replies 'Not much...'. In the second panel, the Tor logo is covered with sun glasses, a coat and a hat. The Safari logo continues talking: 'but you can tell they are really private'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Animation Train</title>
    <link href="https://comicss.art/comics/21" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/21/animation-train.html"/>
    <id>https://comicss.art/comics/21</id>
    <updated>2022-04-11T00:00:00Z</updated>
    <summary>New cartoon: Animation Train</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/21/animation-train.png" alt="Cartoon with 5 panels divided in two parts, one showing CSS code and the other a landscape with a train. The first panel code is an animation from left 0 to 100% applied to an element of class .train with a duration of 8s. The second panel is for a #Japan .train, the duration is 0.7 the regular duration. The third panel is for a #USA .train, the duration is 1.5 the regular duration. The fourth panel is for a #Iceland .train, it has a display none and no train is displayed. The last panel is for #UK .train, it has am animation delay of 2s and the animation-play-state is 'paused'." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Grandpa Browser</title>
    <link href="https://comicss.art/comics/22" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/22/grandpa.html"/>
    <id>https://comicss.art/comics/22</id>
    <updated>2022-04-14T00:00:00Z</updated>
    <summary>New cartoon: Grandpa Browser</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/22/grandpa.png" alt="Cartoon showing the Netscape Navigator logo using a walker and saying 'And for a while, I was the most popular browser on the Internet. Even more than IE! And everyone loved my cool icon animation with shooting stars...'. The Chrome logo is helping and rolling its eyes says 'Sure, grandpa. Now let's get you to bed...'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Types of CSS Artists</title>
    <link href="https://comicss.art/comics/23" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/23/css-artists.html"/>
    <id>https://comicss.art/comics/23</id>
    <updated>2022-04-18T00:00:00Z</updated>
    <summary>New cartoon: Types of CSS Artists</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/23/css-artists.png" alt="Recognize the CSS artist by their style!" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Slap</title>
    <link href="https://comicss.art/comics/24" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/24/the-slap.html"/>
    <id>https://comicss.art/comics/24</id>
    <updated>2022-04-19T00:00:00Z</updated>
    <summary>New cartoon: The Slap</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/24/the-slap.png" alt="Cartoon with 4 panels similar to a previous cartoon by Stephan Pastis. In the first panel two men are talking: 'hey, Al! What are you doing?' and 'Drawing a silly joke about this devs wife who has some weird styles on a main element'. The second panel has Will Smith slapping the man that said the last part (who drops to the floor). In the third panel (outside of frame), Will Smith yells 'Keep my wifes main out of your [expletive] mouth!'. In the last panel, the first man says to the one on the floor: 'There is a lesson in all this, but I fear it may not be the one you think'." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Soy Milk (I)</title>
    <link href="https://comicss.art/comics/25" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/25/soy-milk-i.html"/>
    <id>https://comicss.art/comics/25</id>
    <updated>2022-04-21T00:00:00Z</updated>
    <summary>New cartoon: Soy Milk (I)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/25/soy-milk-i.png" alt="Cartoon showing a cute milk carton and a stick of butter. The milk says 'Hi, Soy Milk' and the butter replies 'Hola, soy Mantequilla'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Soy Milk (II)</title>
    <link href="https://comicss.art/comics/26" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/26/soy-milk-i.html"/>
    <id>https://comicss.art/comics/26</id>
    <updated>2022-04-21T00:00:01Z</updated>
    <summary>New cartoon: Soy Milk (II)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/26/soy-milk-ii.png" alt="Cartoon showing a cute soy milk carton and a stick of butter. The butter says 'Hi, Soy Milk' and the butter replies 'No, tu eres Mantequilla'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Soy Milk (3D)</title>
    <link href="https://comicss.art/comics/27" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/27/soy-milk-3d.html"/>
    <id>https://comicss.art/comics/27</id>
    <updated>2022-04-21T00:00:02Z</updated>
    <summary>New cartoon: Soy Milk (3D)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/27/soy-milk-3d.png" alt="Cartoon showing a cute soy milk carton and a stick of butter. The butter says 'Hi, Soy Milk' and the butter replies 'No, tu eres Mantequilla'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Cross-Stitch</title>
    <link href="https://comicss.art/comics/28" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/28/cross-stitch.html"/>
    <id>https://comicss.art/comics/28</id>
    <updated>2022-04-25T00:00:00Z</updated>
    <summary>New cartoon: Cross-Stitch</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/28/cross-stitch.png" alt="Cartoon with two panels. The first one shows a nice cross-stitch pattern that reads CSStitch ART, with the legend 'how the web page looks like'. The second panel is the back of the cross-stitch, really messy, and a legend says 'how the CSS code actually looks like'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Four CSS Combinators walk into a bar...</title>
    <link href="https://comicss.art/comics/29" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/29/combinators.html"/>
    <id>https://comicss.art/comics/29</id>
    <updated>2022-05-06T00:00:00Z</updated>
    <summary>New cartoon: Four CSS Combinators walk into a bar...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/29/combinators.png" alt="Cartoon with 5 stacked panels. All panels show a bar with 4 stools with people, a CSS combinator saying 'hey waiter! our next round on me!', and another 4 stools with people. In the first panel, the child combinator (>) invites to the rounds and someone off-panel says 'thanks, dad!'. In the second panel, the adjacent sibling combinator (+) invites to the next round, and the person to its right says 'thanks, bro'. In the third panel, the general sibling combinator (~) invites to the next round, and all the people to its right yell 'woohoo!, Thank you, dude!'. In the fourth panel, the universal selector (*) invites to the next round and all the people in the panel (to its right and left) start celebrating. In the final panel, the column combinator (||) invites to the next round, and the other combinators (off-panel) say 'Thank you!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Electronic Party</title>
    <link href="https://comicss.art/comics/30" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/30/electronic-party.html"/>
    <id>https://comicss.art/comics/30</id>
    <updated>2022-05-09T00:00:00Z</updated>
    <summary>New cartoon: Electronic Party</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/30/electronic-party.png" alt="Cartoon with two panels. In the first one, the logos of Discord, Slack, and WebTorrent are dancing. In the second panel, the logo of Safari looks angry and asks to the logo of Chrome: 'Who invited those bozos to the party?' Chrome replies with a worried face: 'Sorry, it was me. They are my... hmmm... friends?' then continues 'cousins?', 'siblings?', 'children????'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Superheroes.CSS (v2)</title>
    <link href="https://comicss.art/comics/31" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/31/superherocss-v2.html"/>
    <id>https://comicss.art/comics/31</id>
    <updated>2022-05-12T00:00:00Z</updated>
    <summary>New cartoon: Superheroes.CSS (v2)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/31/superherocss-v2.png" alt="Cartoon with CSS code used to describe different superheroes" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>justify-content</title>
    <link href="https://comicss.art/comics/32" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/32/justify-content.html"/>
    <id>https://comicss.art/comics/32</id>
    <updated>2022-05-13T00:00:00Z</updated>
    <summary>New cartoon: justify-content</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/32/justify-content.png" alt="Cartoon with six panels showing different values of justify-content by placing the eyes of a cartoon character in different positions" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSSoomba</title>
    <link href="https://comicss.art/comics/33" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/33/cssoomba.html"/>
    <id>https://comicss.art/comics/33</id>
    <updated>2022-05-16T00:00:00Z</updated>
    <summary>New cartoon: CSSoomba</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/33/cssoomba.png" alt="Cartoon with three panels. In the first one there's some verbose CSS code. In the second one a Roomba-styled vaccum cleaner passes on top of the CSS code. In the third panel, there's some CSS code that does the same thing as the code from panel one, but it is shorter and cleaner." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Integrate!</title>
    <link href="https://comicss.art/comics/34" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/34/integrate.html"/>
    <id>https://comicss.art/comics/34</id>
    <updated>2022-05-19T00:00:00Z</updated>
    <summary>New cartoon: Integrate</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/34/integrate.png" alt="Cartoon showing mathematical expressions 'a' and 'x to the square' saying 'Cmon mate!  Join the party! Integrate!' to another mathematical expression 'e to the power of x' that replies 'What's the point? it will be the same'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Decaf</title>
    <link href="https://comicss.art/comics/35" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/35/decaf.html"/>
    <id>https://comicss.art/comics/35</id>
    <updated>2022-05-23T00:00:00Z</updated>
    <summary>New cartoon: Decaf</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/35/decaf.png" alt="Cartoon with 2 panels. The first one shows two people talking. One says: the 'CSS is not a programming language are really quiet lately'. The other one replies: 'I know!', and in the second panel he adds 'I switched the coffee with decaf'. In the background there's a room full of people sleeping." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Flex Pikachu</title>
    <link href="https://comicss.art/comics/36" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/36/flex-pikachu.html"/>
    <id>https://comicss.art/comics/36</id>
    <updated>2022-05-26T00:00:00Z</updated>
    <summary>New cartoon: Flex Pikachu</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/36/flex-pikachu.png" alt="Cartoon with three panels, all of them showing the Surprised Pikachu meme. The first one is 'regular'. The second one has all the face elements in a row and has the title 'after adding flex'. The third panel has all the face elements in a column and has the title 'after adding flex-direction:column'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Blend in</title>
    <link href="https://comicss.art/comics/37" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/37/blend-in.html"/>
    <id>https://comicss.art/comics/37</id>
    <updated>2022-05-31T00:00:00Z</updated>
    <summary>New cartoon: Blend in</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/37/blend-in.png" alt="Cartoon with 6 panels showing a minimalistic character that says 'Sometimes I feel awkward and out of place... then I try to blend in... until... no on... can barely... see me.'. Different mix-blend-modes have been applied to the character so in each panel it looks more transparent or with grayer/paler colors." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Roses are #f00</title>
    <link href="https://comicss.art/comics/38" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/38/roses-are-f00.html"/>
    <id>https://comicss.art/comics/38</id>
    <updated>2022-06-02T00:00:00Z</updated>
    <summary>New cartoon: Roses are #f00</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/38/roses-are-f00.png" alt="Roses are #FF0000. Violets are #EE82EE. If you see them #0000FF, you may need glasses." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Not important</title>
    <link href="https://comicss.art/comics/39" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/39/not-important.html"/>
    <id>https://comicss.art/comics/39</id>
    <updated>2022-06-06T00:00:00Z</updated>
    <summary>New cartoon: Not important</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/39/not-important.png" alt="Cartoon with three panels. The first two show a white man in front of a computer with the text: 'A back-end software developer merrily working on a front-end project with HTML and CSS, getting confused af because the color of the text is not correct. Even when he clearly specified that the text color should be blue, because the orange value is not important' Followed by some CSS code where a paragraph has the style color: orange !important;" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Magic Trick</title>
    <link href="https://comicss.art/comics/40" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/40/magic-trick.html"/>
    <id>https://comicss.art/comics/40</id>
    <updated>2022-06-09T00:00:00Z</updated>
    <summary>New cartoon: Magic Trick</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/40/magic-trick.png" alt="Cartoon of a magician saying 'go to the code to see the magic trick in action" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Death of IE</title>
    <link href="https://comicss.art/comics/41" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/41/the-death-of-ie.html"/>
    <id>https://comicss.art/comics/41</id>
    <updated>2022-06-15T00:00:00Z</updated>
    <summary>New cartoon: The Death of IE</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/41/the-death-of-ie.png" alt="Cartoon page divided in 3 sections with multiple panels each. In the first section, IE is dead and the rest of the browsers get together to honor it. In the second section, two suited men (Big and Corp) visit the necromancer asking to bring IE back to life because it's their favorite way of torturing employees. In the last section, IE is back as a ghost, the other browsers run scared to IE despair, and the ghost of the Flash logo tries to cheer IE up... to be continued?" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Moses Flexing the Read Sea</title>
    <link href="https://comicss.art/comics/42" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/42/moses-flexing-the-read-sea.html"/>
    <id>https://comicss.art/comics/42</id>
    <updated>2022-06-20T00:00:00Z</updated>
    <summary>New cartoon: Moses Flexing the Read Sea</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/42/moses-flexing-the-read-sea.png" alt="Cartoon of a man (Moses) wearing a tunic and holding a stick between a body of water parted in two. He is saying '#red.sea { display: flex; justify-content: space-between; }'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Pandora's Box Model</title>
    <link href="https://comicss.art/comics/43" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/43/pandoras-box-model.html"/>
    <id>https://comicss.art/comics/43</id>
    <updated>2022-06-27T00:00:00Z</updated>
    <summary>New cartoon: Pandora's Box Model</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/43/pandoras-box-model.png" alt="Comic with 4 panels. All of them showing a Greek woman with a tunic opening a box. The first one is titled Pandora's box and out of the box comes words like 'death', 'illness', 'pestilence'. The second panel is titled Pandora's box model and the words are 'margin', 'border', 'padding', and 'content'. The third panel is titled Pandora's box-shadow, the words coming out of the box are 'offset', 'blur', 'spread', and 'color', the panel has three shadows. The last panel is titled Pandora's CodeSandBox, out of the box there's the codesandbox logo (a three-dimensional cube)." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Flexcuses</title>
    <link href="https://comicss.art/comics/44" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/44/flexcuse.html"/>
    <id>https://comicss.art/comics/44</id>
    <updated>2022-07-11T00:00:00Z</updated>
    <summary>New cartoon: Flexcuse</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/44/flexcuse.png" alt="Comic strip with two panels showing two characters talking. In the first panel, a character is in front of a poster showing two buildings and a car in between, ane explains in a complex way using CSS Flexbox that the car cannot reach one of the buildings because the building has a margin. In the second panel, the other person replies with something in the line of 'why not just say you were late due to traffic?'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Nightmare</title>
    <link href="https://comicss.art/comics/45" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/45/nightmare.html"/>
    <id>https://comicss.art/comics/45</id>
    <updated>2022-07-18T00:00:00Z</updated>
    <summary>New cartoon: Nightmare</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/45/nightmare.png" alt="Comic strip showing two characters talking. One says 'great news! we got a new project supporting IE11!'. the other character replies 'that is gr... wait... what?!' and its face goes more and more concerned." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Black Coffee</title>
    <link href="https://comicss.art/comics/46" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/46/black-coffee.html"/>
    <id>https://comicss.art/comics/46</id>
    <updated>2022-07-25T00:00:00Z</updated>
    <summary>New cartoon: Black Coffee</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/46/black-coffee.png" alt="cartoon showing a man asking a barista 'I'll take a #000 coffee'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Angry NPC Wojak</title>
    <link href="https://comicss.art/comics/47" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/47/css-angry-wojak.html"/>
    <id>https://comicss.art/comics/47</id>
    <updated>2022-08-01T00:00:00Z</updated>
    <summary>New cartoon: CSS Angry NPC Wojak</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/47/css-angry-wojak.png" alt="Poor version of the Angry Wojak meme showing 4 panels with two people talking. The first panel shows a person saying 'You cannot create memes in CSS'. The second panel has the other person replying 'Of course you can!' The third and fourth panels show the first person, first normal (without saying anything) and then with an angry look." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS OOP</title>
    <link href="https://comicss.art/comics/48" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/48/oop.html"/>
    <id>https://comicss.art/comics/48</id>
    <updated>2022-08-08T00:00:00Z</updated>
    <summary>New cartoon: CSS OOP</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/48/oop.png" alt="Modified version of the Angry Wojak meme showing 4 panels with two people talking. The first panel shows a person saying 'CSS is not a programming language'. The second panel has the other person replying 'Of course it is! What are the main concepts of OOP?' Then proceeds to 'explain' how CSS 'has' encapsulation, inheritance, abstraction, and polymorphism, so it should be considered an object-oriented programming language.The last two panels show the first person, first normal (without saying anything) and then with an angry look." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>JS Hulk</title>
    <link href="https://comicss.art/comics/49" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/49/js-hulk.html"/>
    <id>https://comicss.art/comics/49</id>
    <updated>2022-08-15T00:00:00Z</updated>
    <summary>New cartoon: JS Hulk</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/49/js-hulk.png" alt="A man turns into the hulk (a big green version of himself) after getting angry because someone suggested he used CSS for doing animations instead of JavaScript." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Wedding Invitation</title>
    <link href="https://comicss.art/comics/50" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/50/wedding-invitation.html"/>
    <id>https://comicss.art/comics/50</id>
    <updated>2022-08-22T00:00:00Z</updated>
    <summary>New cartoon: Wedding Invitation</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/50/wedding-invitation.png" alt="Cartoon with multiple panels showing Robin and Batman fighting over Batman being a penny pincher and writing #000 Canary instead of Black Canary in some wedding invitations in order to save money." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Floatin' Dirty</title>
    <link href="https://comicss.art/comics/51" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/51/floatin-dirty.html"/>
    <id>https://comicss.art/comics/51</id>
    <updated>2022-08-29T00:00:00Z</updated>
    <summary>New cartoon: Floatin' Dirty</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/51/floatin-dirty.png" alt="Cartoon with a fish swimming in a fishbowl with the text: They see me floatin' They Hatin'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Clear Both</title>
    <link href="https://comicss.art/comics/52" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/52/clear-both.html"/>
    <id>https://comicss.art/comics/52</id>
    <updated>2022-08-30T00:00:00Z</updated>
    <summary>New cartoon: Clear Both</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/52/clear-both.png" alt="Cartoon with 4 panels showing two fish swimming at the same level. One complains that the fishbowl is too small for both of them. The other one replies that it has a solution: clear:both! And now they are at different levels." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Anchor</title>
    <link href="https://comicss.art/comics/53" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/53/anchor.html"/>
    <id>https://comicss.art/comics/53</id>
    <updated>2022-09-01T00:00:00Z</updated>
    <summary>New cartoon: Anchor</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/53/anchor.png" alt="Why did the web developer struggle to style the link? Because anchors don't float" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Interwebs</title>
    <link href="https://comicss.art/comics/54" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/54/interwebs.html"/>
    <id>https://comicss.art/comics/54</id>
    <updated>2022-09-05T00:00:00Z</updated>
    <summary>New cartoon: Interwebs</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/54/interwebs.png" alt="Cartoon with a group of spiders hanging from a spider web. The ones at the extremes move like in a Newton's cradle, and one in the middle says 'To be honest, I dont know what people find so great about the interwebs.'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Yellow Snow</title>
    <link href="https://comicss.art/comics/55" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/55/yellow-snow.html"/>
    <id>https://comicss.art/comics/55</id>
    <updated>2022-09-12T00:00:00Z</updated>
    <summary>New cartoon: Yellow Snow</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/55/yellow-snow.png" alt="Cartoon of a yeti saying 'Trust an expert: never eat #ff0 snow!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Jaws</title>
    <link href="https://comicss.art/comics/56" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/56/jaws.html"/>
    <id>https://comicss.art/comics/56</id>
    <updated>2022-09-19T00:00:00Z</updated>
    <summary>New cartoon: Jaws</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/56/jaws.png" alt="Cartoon parodying the Jaws poster, with a shark threatening a swimmer (in this case a laptop on a floatie) with the text FLEX" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Zombie Apocalypse</title>
    <link href="https://comicss.art/comics/57" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/57/zombie-apocalypse.html"/>
    <id>https://comicss.art/comics/57</id>
    <updated>2022-09-26T00:00:00Z</updated>
    <summary>New cartoon: Zombie Apocalypse</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/57/zombie-apocalypse.png" alt="Cartoon with to panels showing zombies lurking around a person using a computer, they leave and one zombie asks 'why not eat?', another zombie replies 'JS developer', and the first zombie replies '*sigh* no brain'." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Pomodorito Technique</title>
    <link href="https://comicss.art/comics/58" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/58/pomodorito.html"/>
    <id>https://comicss.art/comics/58</id>
    <updated>2022-10-03T00:00:00Z</updated>
    <summary>New cartoon: The Pomodorito Technique</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/58/pomodorito.png" alt="Cartoon comparing the pomodoro technique (25 minutes working, 5 minute break, repeat 4 times, then take longer break) and the Pomodorito technique (25 minutes eating doritos, 5 minutes work, repeat 4 times, then take a longer break to go buy more doritos" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>They Never Knew</title>
    <link href="https://comicss.art/comics/59" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/59/they-never-knew.html"/>
    <id>https://comicss.art/comics/59</id>
    <updated>2022-10-10T00:00:00Z</updated>
    <summary>New cartoon: They Never Knew</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/59/they-never-knew.png" alt="Cartoon with two panels, a UX Designer and a Developer meets at a tech conference and they immediately click. They decide to meet at the UID cafe, but one ends up in the User Interface Design Cafe, and the other at the Unique IDentifier Cafe. They never knew what went wrong." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Hobbits and Web Development</title>
    <link href="https://comicss.art/comics/60" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/60/hobbits-and-web.html"/>
    <id>https://comicss.art/comics/60</id>
    <updated>2022-10-17T00:00:00Z</updated>
    <summary>New cartoon: Hobbits and Web Development</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/60/hobbits-and-web.png" alt="Cartoon titled 'Hobbits biggest contribution to Web Development. It shows two hobbits, and one says 'We have had grid, yes. What about sub-grid?'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Is that...?</title>
    <link href="https://comicss.art/comics/61" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/61/is-that.html"/>
    <id>https://comicss.art/comics/61</id>
    <updated>2022-10-24T00:00:00Z</updated>
    <summary>New cartoon: Is that...?</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/61/is-that.png" alt="Comic with 9 panels. A character walks carrying a panel with a diagonal line. Another character asks 'Is that a linear-gradient or are you happy to see me?'. The first character replies: 'It is obviously a 135deg yellow and black linear-gradient.' After an awkward exchange, the second character ends shyly: 'then you are not happy to see me?'. The last panel reads 'Web Developers and inappropriate innuendos... oil and water'." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Clank!</title>
    <link href="https://comicss.art/comics/62" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/62/clank.html"/>
    <id>https://comicss.art/comics/62</id>
    <updated>2022-10-31T00:00:00Z</updated>
    <summary>New cartoon: Clank!</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/62/clank.png" alt="Comic with 2 panels. Sometimes while cooking, a pan slips and falls, and I feel terrible thinking about how annoying the noise must be to the neighbors...Then I remember how they are web developers who use div as buttons, and the pan 'mysteriously' slips through my fingers and falls again." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Miss me yet?</title>
    <link href="https://comicss.art/comics/63" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/63/miss-me-yet.html"/>
    <id>https://comicss.art/comics/63</id>
    <updated>2022-11-07T00:00:00Z</updated>
    <summary>New cartoon: Miss me yet?</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/63/miss-me-yet.png" alt="Comic with 2 panels. Cartoon with two panels. In the first one the Internet Explorer logo is wearing sunglasses and holding a margarita while saying 'miss me yet?'. In the second panel there's a big yell 'NO!' and Safari logo small in a corner retorts: 'maybe a little... just because they call me the new IE'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Cubic Bezier Life</title>
    <link href="https://comicss.art/comics/64" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/64/cubic-bezier-life.html"/>
    <id>https://comicss.art/comics/64</id>
    <updated>2022-11-14T00:00:00Z</updated>
    <summary>New cartoon: Cubic Bezier Life</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/64/cubic-bezier-life.png" alt="A cartoonish character says 'Life is a like a cubic Bézier curve: sometimes it goes up, sometimes it goes down, sometimes it goes up &amp; down... but it always moves forward.'. A smaller version of it pops up outside the panel saying 'Unless you change the value of animation-direction... then things can get real messy.'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Image Format Decision Tree</title>
    <link href="https://comicss.art/comics/65" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/65/image-decision-tree.html"/>
    <id>https://comicss.art/comics/65</id>
    <updated>2022-11-21T00:00:00Z</updated>
    <summary>New cartoon: Image Format Decision Tree</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/65/image-decision-tree.png" alt="A decision tree to pick the best file format for your project. Most of the options have been scratched and the only that remains is a handwritten question: 'Is it a cat video?' if yes, GIF; if not, PNG if you need transparency or JPG if you don't. Ignore the rest of formats." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Blind Date</title>
    <link href="https://comicss.art/comics/66" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/66/blind-date.html"/>
    <id>https://comicss.art/comics/66</id>
    <updated>2022-12-02T00:00:00Z</updated>
    <summary>New cartoon: Blind Date</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/66/blind-date.png" alt="Comic with three panels. In the first two a woman looks bored while a man talks and talks and talks nonstop. In the third panel, the woman is walking alone talking on the phone: 'I really appreciate you setting up the blind date. But, please, next time not a developer who just released a library!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Toothbrush</title>
    <link href="https://comicss.art/comics/67" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/67/toothbrush.html"/>
    <id>https://comicss.art/comics/67</id>
    <updated>2022-12-06T00:00:00Z</updated>
    <summary>New cartoon: Toothbrush</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/67/toothbrush.png" alt="comic with three panels. In the first two an alligator looks sad while holding a tootbrush with a regular-size brush branded Colga-T (panel 1) and Oral-C (panel 2). In the third panel, the alligator is happy, holding a toothbrush with an oversized brush. The toothbrush brand is flex:1." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Keyboard Trap</title>
    <link href="https://comicss.art/comics/68" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/68/keyboard-trap.html"/>
    <id>https://comicss.art/comics/68</id>
    <updated>2022-12-12T00:00:00Z</updated>
    <summary>New cartoon: Keyboard Trap</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/68/keyboard-trap.png" alt="Cartoon showing an animal trap (a box held up with a stick, and keyboard keys as bait). Someone is talking off-panel: 'First: what you created is a keyboard trap, not a focus trap. Second: that is not how it's done. And third: PUT THOSE KEYS BACK IN MY KEYBOARD!!!'" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>A Different Angle</title>
    <link href="https://comicss.art/comics/69" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/69/a-different-angle.html"/>
    <id>https://comicss.art/comics/69</id>
    <updated>2022-12-19T00:00:00Z</updated>
    <summary>New cartoon: A Different Angle</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/69/a-different-angle.png" alt="When I feel lost, I try seeing things from a different angle" /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>On the twelfth day of christmas</title>
    <link href="https://comicss.art/comics/70" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/70/twelfth-day-of-christmas.html"/>
    <id>https://comicss.art/comics/70</id>
    <updated>2022-12-24T00:00:00Z</updated>
    <summary>New cartoon: On the twelfth day of christmas</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/70/twelfth-day-of-christmas.png" alt="On the twelfth day of Christmas, my CSS sent to me... Twelve image-renderings, Eleven pixels padding, Ten spans a-flexing, Nine letter-spacing, Eight divs with vmin, Seven none font-kernings, Six videos :playing, Five :not() with :is()! Four border-width, Three place-self, Two rules with :has(), And a column in a red grid." /></p>
      </div>
    </content>
    <rights>Copyright 2022 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Metamorphosis</title>
    <link href="https://comicss.art/comics/71" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/71/metamorphosis.html"/>
    <id>https://comicss.art/comics/71</id>
    <updated>2023-01-16T00:00:00Z</updated>
    <summary>New cartoon: Metamorphosis</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/71/metamorphosis.png" alt="A butterfly smiles at a caterpillar and says: 'It's simpler than it looks. You add some colors and then: filter, transform, and animation.'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Tailwind Dog</title>
    <link href="https://comicss.art/comics/72" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/72/tailwind-dog.html"/>
    <id>https://comicss.art/comics/72</id>
    <updated>2023-01-23T00:00:00Z</updated>
    <summary>New cartoon: Tailwind Dog</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/72/tailwind-dog.png" alt="A man asks 'TailwindCSS? Isn't that a weird name for a dog?' The dog owners replies 'I have my reasons...' The dog stands besides them, next to a pile of dog poop bigger than the dog itself." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Wendy's</title>
    <link href="https://comicss.art/comics/73" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/73/wendys.html"/>
    <id>https://comicss.art/comics/73</id>
    <updated>2023-02-08T00:00:00Z</updated>
    <summary>New cartoon: Wendy's</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/73/wendys.png" alt="A man goes in a long rant about how CSS should be considered a drawing language. A person replies 'Sir... this is a Wendys'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>An Apple A Day...</title>
    <link href="https://comicss.art/comics/74" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/74/an-apple-a-day.html"/>
    <id>https://comicss.art/comics/74</id>
    <updated>2023-02-17T00:00:00Z</updated>
    <summary>New cartoon: An Apple A Day...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/74/an-apple-a-day.png" alt="Cartoon with one panel with the headline 'They say an apple a day keeps the doctor away... But the CSS Developer has more faith in a margin.' It has a man in the position of the lotus smiles as a doctor tries to reach out to him unsuccessfully. A bubble has the code :has(.doctor) #me { margin: 15vmin; }." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>OOP Beginners' Class</title>
    <link href="https://comicss.art/comics/75" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/75/oop-class.html"/>
    <id>https://comicss.art/comics/75</id>
    <updated>2023-02-22T00:00:00Z</updated>
    <summary>New cartoon: OOP Beginners' Class...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/75/oop-class.png" alt="An Object-Oriented Programming professor berates CSS then goes explaining how OOP is real programming, but students don't fully understand the syntax so he came up with a new notation. After applying some changes, the notation looks exactly like CSS, so all the students raise the hands confused" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Game</title>
    <link href="https://comicss.art/comics/76" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/76/game.html"/>
    <id>https://comicss.art/comics/76</id>
    <updated>2023-02-27T00:00:00Z</updated>
    <summary>CSS Game: Guess the brand!</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><a src="https://comicss.art/comics/76/game.html">A CSS game where you need to guess the brand based on some CSS code.</a></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Wrap Battling</title>
    <link href="https://comicss.art/comics/77" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/77/wrap-battling.html"/>
    <id>https://comicss.art/comics/77</id>
    <updated>2023-03-06T00:00:00Z</updated>
    <summary>New Cartoon: Wrap Battling</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/77/wrap-battling.png" alt="Cartoon titled 'Wrap Battling' showing two rappers singing/battling about flex-wrap" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Eye of Sauron</title>
    <link href="https://comicss.art/comics/78" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/78/the-eye-of-sauron.html"/>
    <id>https://comicss.art/comics/78</id>
    <updated>2023-03-13T00:00:00Z</updated>
    <summary>New Cartoon: The Eye of Sauron</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/78/the-eye-of-sauron.png" alt="The tower of Mordor with the eye of Sauron speakign: 'I once suggested the eye tag. It would track every visible interaction within the wrapped content, but the HTML group rejected my precious idea... So I created Google instead.'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Video Problems</title>
    <link href="https://comicss.art/comics/79" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/79/video-problems.html"/>
    <id>https://comicss.art/comics/79</id>
    <updated>2023-03-16T00:00:00Z</updated>
    <summary>New Cartoon: Video Problems</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/79/video-problems.png" alt="Cartoon of a sad looking video player with the text: the video element had many problems... and it didn't have a ::cue how to fix them" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Is Dead!</title>
    <link href="https://comicss.art/comics/80" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/80/css-is-dead.html"/>
    <id>https://comicss.art/comics/80</id>
    <updated>2023-03-20T00:00:00Z</updated>
    <summary>New Cartoon: CSS Is Dead!</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/80/css-is-dead.png" alt="Cartoon in three panels: Death (a skeleton wearing a dark cloak with a smythe) receives a text message from JavaScript saying 'CSS is dead!' Disappointed, Death sighs: That guy is so annoying... Maybe it's time I take another of its frameworks away..." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Selectors' Fight</title>
    <link href="https://comicss.art/comics/81" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/81/selectors-fight.html"/>
    <id>https://comicss.art/comics/81</id>
    <updated>2023-03-27T00:00:00Z</updated>
    <summary>New Cartoon: Selectors' Fight</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/81/selectors-fight.png" alt="Cartoon showing a CSS class selector telling an id selector: 'you have no class'. The id selector replies: 'You need to be more specific!'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>How many...?</title>
    <link href="https://comicss.art/comics/82" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/82/how-many.html"/>
    <id>https://comicss.art/comics/82</id>
    <updated>2023-04-03T00:00:00Z</updated>
    <summary>New Cartoon: How many...?</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/82/how-many.png" alt="How many CSS developers does it take to change a lightbulb? None. It is a JavaScript issue. - How many CSS developers does it take to change a lightbulb? None. They are OK working in dark mode. - How many JS developers does it take to change a lightbulb? One. But they'll need 5GB in node_modules, TailwindCSS, their own implementation of the lefty-loosey.js library (dependent on righty-tighty.js), and the latest MacBook Pro to handle everything. The resulting JS file will be 8MB and only change the light bulb if the room has Chrome in it." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Off-the-grid</title>
    <link href="https://comicss.art/comics/83" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/83/off-the-grid.html"/>
    <id>https://comicss.art/comics/83</id>
    <updated>2023-04-10T00:00:00Z</updated>
    <summary>New Cartoon: Off-the-grid</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/83/off-the-grid.png" alt="Why couldn't the developer align the div? Because it was positioned off-the-grid." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Doom</title>
    <link href="https://comicss.art/comics/84" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/84/css-doom.html"/>
    <id>https://comicss.art/comics/84</id>
    <updated>2023-04-12T00:00:00Z</updated>
    <summary>New Cartoon: CSS Doom</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/84/css-doom.png" alt="Cartoon with 4 panels showing two people walking. One says 'you look down, did the layoffs impact you?' Then they start a conversation about how everything seems to be going poorly and it has been that way for a long time (2016 to be precise). One says that has been doing research and thinks that has found the root cause, shows the CSS wikipedia article: CSS latest version was published in April 12, 2016." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Never Late</title>
    <link href="https://comicss.art/comics/85" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/85/never-late.html"/>
    <id>https://comicss.art/comics/85</id>
    <updated>2023-04-24T00:00:00Z</updated>
    <summary>New Cartoon: Never Late</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/85/never-late.png" alt="Cartoon showing a bearded wizard wearing a gray cloak and hat (Gandalf from the Lord of the Rings) saying: 'A wizard is never late, nor is he early. He arrives precisely when the animation-delay means to.'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Grid or not CSS Grid</title>
    <link href="https://comicss.art/comics/86" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/86/css-grid-or-not-css-grid.html"/>
    <id>https://comicss.art/comics/86</id>
    <updated>2023-05-01T00:00:00Z</updated>
    <summary>New Cartoon: CSS Grid or not CSS Grid</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/86/css-grid-or-not-css-grid.png" alt="Cartoon with a man wearing shakesperean clothing while holding a skull and saying 'CSS Grid or not CSS Grid, that is the question'. Off panel someone sighs 'Web developers really like drama...'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Coffee as a CSS Color</title>
    <link href="https://comicss.art/comics/87" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/87/coffee-as-a-css-color.html"/>
    <id>https://comicss.art/comics/87</id>
    <updated>2023-05-09T00:00:00Z</updated>
    <summary>New Cartoon: Coffee as a CSS Color</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/87/coffee-as-a-css-color.png" alt="Cartoon titled 'Coffee Style Sheet' with different types of coffee described as CSS colors. Black coffee is hwb(0 0 100%), Americano is hwb(50% 0 50%), Lungo is hwb(50% 0 50%), cafe au lait is hwb(0 50% 50%), latte is hwb(0 66% 33%), macchiato is hwb(0 33% 66%), cappuccino is hwb(0 66% 33%), espresso is hwb(0 0 33%), and 'Need more coffee!' is hwb(0 0 0)." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>If styling technologies were human languages...</title>
    <link href="https://comicss.art/comics/88" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/88/styling-as-human-languages.html"/>
    <id>https://comicss.art/comics/88</id>
    <updated>2023-05-15T00:00:00Z</updated>
    <summary>New Cartoon: If styling technologies were human languages...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/88/styling-as-human-languages.png" alt="Comic titled 'If web styling technologies were human languages...' with 9 panels. CSS would be Spanish, Bootstrap would be Latin, BEM would be French, CSS-in-JS would be Esperanto, CSS Modules would be Japanese, Bulma would be Sanskrit, Tailwind would be German, Less would be American English, and Sass would be British English. For a more detailed description check the linked source code." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Ouija</title>
    <link href="https://comicss.art/comics/89" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/89/ouija.html"/>
    <id>https://comicss.art/comics/89</id>
    <updated>2023-05-22T00:00:00Z</updated>
    <summary>New Cartoon: Ouija</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/89/ouija.png" alt="Cartoon with two people around an ouija board, they are reading C - E - N - T - E - R" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The CSS of Man</title>
    <link href="https://comicss.art/comics/90" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/90/the-css-of-man.html"/>
    <id>https://comicss.art/comics/90</id>
    <updated>2023-05-25T00:00:00Z</updated>
    <summary>New Cartoon: The CSS of Man</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/90/the-css-of-man.jpg" alt="Magritte's The Son of Man painting (a man with an apple in front of his face). There are many CSS properties and selectors overlapping the painting and pointing to different parts: the apple has a z-index:3, and the man a z-index:2 (and both are pointed by a position:absolute), the hat has a top:0, the background a linear-gradient(#ddd 50%,#78b 0), the tie is a conic-gradient, and the two jacket buttons are pointed by button:first-child and button:last-child" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>You Shall Not Pass!</title>
    <link href="https://comicss.art/comics/91" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/91/you-shall-not-pass.html"/>
    <id>https://comicss.art/comics/91</id>
    <updated>2023-05-29T00:00:00Z</updated>
    <summary>New Cartoon: You Shall Not Pass!</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/91/you-shall-not-pass.png" alt="Cartoon parody of The Lord of the Rings, showing a bridge with a horned monster on one side carrying a box with the HTML element center inside. On the other side of the bridge, there's a gray-cloaked wizard holding a sword and a stick saying 'You shall not pass!!', protecting the HTML5 logo." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>One Ring to Rule Them All...</title>
    <link href="https://comicss.art/comics/92" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/92/one-ring.html"/>
    <id>https://comicss.art/comics/92</id>
    <updated>2023-06-14T00:00:00Z</updated>
    <summary>New Cartoon: One ring to rule them all</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/92/one-ring.png" alt="Cartoon parody of The Lord of the Rings, showing a ring with elvish-looking letters that say TailwindCSS to rule them all and in the darkness bind them." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Whales' Gradients</title>
    <link href="https://comicss.art/comics/93" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/93/whales.html"/>
    <id>https://comicss.art/comics/93</id>
    <updated>2023-06-27T00:00:00Z</updated>
    <summary>New Cartoon: Whales</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/93/whales.png" alt="Cartoon with 6 panels: three whales showing off how they spray water by using different CSS gradients. The last one makes a really complex one and the other whales call him out on it." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Style Wars</title>
    <link href="https://comicss.art/comics/94" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/94/r2d2.html"/>
    <id>https://comicss.art/comics/94</id>
    <updated>2023-07-03T00:00:00Z</updated>
    <summary>New Cartoon: Style Wars</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/94/r2d2.png" alt="Cartoon showing R2D2, a robot from the movie Star Wars, projecting a hologram that reads: 'Help me, CSS. You are my only hope!'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>ABCs of CSS</title>
    <link href="https://comicss.art/comics/95" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/95/abc-css.html"/>
    <id>https://comicss.art/comics/95</id>
    <updated>2023-07-10T00:00:00Z</updated>
    <summary>New Cartoon: ABCs of CSS</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/95/abc-css.png" alt="Cartoon showing the letters in the alphabet associated to different CSS properties/values. To get a more detailed description, visit the demo where each letter is individually labelled" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS MD</title>
    <link href="https://comicss.art/comics/96" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/96/css-md.html"/>
    <id>https://comicss.art/comics/96</id>
    <updated>2023-07-17T00:00:00Z</updated>
    <summary>New Cartoon: CSS MD</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/96/css-md.png" alt="Cartoon showing a patient with red boxes surrounding eyes, ears, face, and other body parts; and a concerned doctor that says 'I am really sorry, Mr Smith. I have done everything I know, but I cannot see what is wrong.'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Duck Test</title>
    <link href="https://comicss.art/comics/97" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/97/duck-test.html"/>
    <id>https://comicss.art/comics/97</id>
    <updated>2023-07-24T00:00:00Z</updated>
    <summary>New Cartoon: Duck Test</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/97/duck-test.png" alt="If it looks like a duck, swims like a duck, and quacks like a duck, it probably is a duck. If it has filters like a drawing language, gradients like a drawing language, and blend modes like a drawing language... It is clearly a styling language! Nothing to do with drawings and graphics. Absolutely nothing! OK?" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Magic Cards</title>
    <link href="https://comicss.art/comics/98" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/98/magic-cards.html"/>
    <id>https://comicss.art/comics/98</id>
    <updated>2023-07-31T00:00:00Z</updated>
    <summary>New Cartoon: Magic Cards</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/98/magic-cards.png" alt="Set of 5 Magic The Gathering cards with web development and CSS theme" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Lost in translation</title>
    <link href="https://comicss.art/comics/99" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/99/lost-in-translation.html"/>
    <id>https://comicss.art/comics/99</id>
    <updated>2023-08-21T00:00:00Z</updated>
    <summary>New Cartoon: Lost in Translation</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/99/lost-in-translation.png" alt="Comic with 6 panels showing a man sitting in front of a computer. The screen goes off and the person asks for help. Another person off-panel says the problem is a translateY and to wait one more panel. In the next panel (below to the one where the screen disappeared), the code appears to the confusion of the person." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Jack and Rose</title>
    <link href="https://comicss.art/comics/100" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/100/jack-and-rose.html"/>
    <id>https://comicss.art/comics/100</id>
    <updated>2023-08-28T00:00:00Z</updated>
    <summary>New Cartoon: Jack and Rose</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/100/jack-and-rose.png" alt="Comic with 2 panels parody of a scene of the movie Titanic. In the first panel, a man (Jack) and a woman (Rose) are at the front of a ship named Titanic, with their arms extended and smiling. Rose says: 'I have a secret Jack: I use divs as buttons'. In the second panel, Jack has pushed Rose over the rails and she falls into the ocean." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Brains</title>
    <link href="https://comicss.art/comics/101" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/101/brains.html"/>
    <id>https://comicss.art/comics/101</id>
    <updated>2023-09-04T00:00:00Z</updated>
    <summary>New Cartoon: Brains</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/101/brains.png" alt="Cartoon with an ashamed-looking brain (drawn in kawaii style) next to the text: Brains are amazing. they work nonstop 24/7 from the moment you are born until the moment you need to remember if it's align-text or text-align." /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Red Border</title>
    <link href="https://comicss.art/comics/102" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/102/red-border.html"/>
    <id>https://comicss.art/comics/102</id>
    <updated>2023-09-11T00:00:00Z</updated>
    <summary>New Cartoon: Red Border</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/102/red-border.png" alt="Comic strip with 4 panels. A figure walks into a CSS code that generates a red border and exclaims 'oh, wow! a CSS debugging red border!' Then adds 'This could be the same red border that helped debugging and learning to people like Rachel Andrew, or Eric Meyer, or Jen Simmons, or Harry Roberts, or Sara Soueidan, or...'. In the third panel, the character remains silent thinking. And finally pleads 'Please, red border, inspire me, and let me learn as much as them!'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>News</title>
    <link href="https://comicss.art/comics/103" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/103/news.html"/>
    <id>https://comicss.art/comics/103</id>
    <updated>2023-09-18T00:00:00Z</updated>
    <summary>New Cartoon: News</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/103/news.png" alt="Cartoon with two newscasters (a white man and a Black woman) reading the news from a paper. The mustached man says 'After a very long time, this week did not get a new CSS feature released by the CSS working group, or supported by any of the major browsers.' The woman adds, 'Police have already arrested the culprit, who, we hope, will spend a long time behind bars.'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Then and Now</title>
    <link href="https://comicss.art/comics/104" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/104/evolution.html"/>
    <id>https://comicss.art/comics/104</id>
    <updated>2023-09-25T00:00:00Z</updated>
    <summary>New Cartoon: Then and Now</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/104/evolution.png" alt="Comic with 2 rows. The first one is titled 'Web programming in 2003'. A person says 'I am off to develop a website', and comes back 5 hours later saying it completed the landing page, and found some cool effects. The row below is titled 'Web development in 2023'. The same person says 'I am off to develop a website', and comes back angry after 5 hours, no web development done, it has all been setting up the dev environment (and it's not done yet)" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Divtober</title>
    <link href="https://comicss.art/comics/105" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/105/divtober.html"/>
    <id>https://comicss.art/comics/105</id>
    <updated>2023-11-03T00:00:00Z</updated>
    <summary>New Cartoon: Divtober</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/105/divtober.png" alt="Cartoon with two characters talking. One happily says 'Now that divtober is over, our author can finally focus on comiCSS and forget about single-div drawings'. A loomy-looking character replies 'Yeah... about that...' -Author's note: the cartoon is a single-div drawing" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>text-wrap</title>
    <link href="https://comicss.art/comics/106" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/106/text-wrap.html"/>
    <id>https://comicss.art/comics/106</id>
    <updated>2023-11-06T00:00:00Z</updated>
    <summary>New Cartoon: text-wrap</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/106/text-wrap.png" alt="cartoon with three characters whose body is the text 'my body is a very long text that wraps along four or maybe five lines' squeezed together and have stick legs. The first character is on a skateboard, it has the body text well balanced, and is saying 'looking prety...' to the second character. The second character is wearing boots, its body text has two words in the last line, and replies 'looking balanced' to the first character. The last character looks sad/tired, its body text is grayer and the last line only contains an unbalanced one word. It says looking at the other characters 'I hate you two...'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Reactions (meme)</title>
    <link href="https://comicss.art/comics/107" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/107/reactions-meme.html"/>
    <id>https://comicss.art/comics/107</id>
    <updated>2023-11-13T00:00:00Z</updated>
    <summary>New Cartoon: Reactions (meme)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/107/reactions-meme.png" alt="Cartoon with a bell chart titled 'Reactions to CSS Art'. At the bottom left, a figure of a surprised junior developer says 'That is cool'. At the top center, a mid-level developer cries 'No! That is wrong! You should be using SVG instead!'. At the bottom right, a senior developer grins and says 'That is cool'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Sharing Demos online</title>
    <link href="https://comicss.art/comics/108" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/108/sharing-demo.html"/>
    <id>https://comicss.art/comics/108</id>
    <updated>2023-11-20T00:00:00Z</updated>
    <summary>New Cartoon: Sharing Demos Online</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/108/sharing-demo.png" alt="Cartoon with a 3x3 grid titled 'sharing a demo online: social media reactions'. From Left to Right, Top to Bottom. Beginner Devs: a woman wearing a Mexico jerseys says 'Wow! This is so cool! Let me save it in a bookmark that I will never check again.' Snob Devs: a man wearing a turtle neck and glasses say 'That is great, but why not using something like [name of property supported by only 1 percent of the browsers]'. Designers: a person with yellow and pink hair says 'Wow! and THAT is why developers should NEVER design!' Recruiters: a robot says 'Hey! I saw your cool JavaScript demo. I have a Java opening that would be perfect for you! Javascript and Java are the same, right?' Your professors: a Black man with gray hair says 'Four years teaching them... for this? sigh... Retirement cannot arrive soon enough.' Grifters: a guy saying 'check this demo *I* totally coded myself.' Your partner: a Woman wearing a dress and pearls sobs: 'They say that sh*t took them 6 hours to code... I bet they are cheating!' Your manager: a big man wearing a suit and smoking a cigar complains: 'If they have time to build this sh*t off work, they have time to work... double their tasks!' Friends and family: a angry-looking person complains 'again with this sh*t? can they not post normal stuff like everyone else? Unfollow!'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Coincidence?</title>
    <link href="https://comicss.art/comics/109" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/109/coincidence.html"/>
    <id>https://comicss.art/comics/109</id>
    <updated>2023-11-27T00:00:00Z</updated>
    <summary>New Cartoon: Coincidence?</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/109/coincidence.png" alt="Cartoon with a table showing the different planets of the solar system in order closer to farther from the Sun. All of them show 0 deaths and no CSS, except for Earth that has CSS and 117,020,448,575 deaths. Below the table there's a question: coincidence?" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Riddle</title>
    <link href="https://comicss.art/comics/110" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/110/riddle.html"/>
    <id>https://comicss.art/comics/110</id>
    <updated>2023-12-04T00:00:00Z</updated>
    <summary>New Cartoon: Riddle</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/110/riddle.png" alt="Card with a cartoon of Santa Claus and the question 'Who comes in Christmas and says Oh Oh Oh?' Clicking/tapping on the card will flip it 180 degrees revealing the answer: Santa Claus with a rotateY(180deg)" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Nightmare</title>
    <link href="https://comicss.art/comics/111" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/111/nightmare.html"/>
    <id>https://comicss.art/comics/111</id>
    <updated>2023-12-11T00:00:00Z</updated>
    <summary>New Cartoon: Nightmare</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/111/nightmare.png" alt="Cartoon with two panels. In the first panel, a white man wakes up yelling from a dream with The New York Thymes newspaper announcing 'W3C Shocks Internet: Tailwind Replaces CSS' in big letters. In the second panel, an off-screen person says 'Wow! That must have been a heck of a nightmare', to which the previous character replies 'How am I supposed to know? I am just a React Developer!'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Eleventy-One</title>
    <link href="https://comicss.art/comics/112" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/112/eleventy-one.html"/>
    <id>https://comicss.art/comics/112</id>
    <updated>2023-12-18T00:00:00Z</updated>
    <summary>New Cartoon: Eleventy-One</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/112/eleventy-one.png" alt="Cartoon with four vertical panels parodying the farewell speech by Bilbo Baggins in The Lord of the Rings. A hobbit says farewell and disappears during his birthday speech, to the surprise of all the attendants. He then pops back next to his house saying 'Ha! You always work like a charm, my precious friend!' The last panel is a close-up of a ring with the CSS code: 'display: none; opacity: 0; visibility: hidden !important'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Goldilocks</title>
    <link href="https://comicss.art/comics/113" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/113/goldilocks.html"/>
    <id>https://comicss.art/comics/113</id>
    <updated>2023-12-25T00:00:00Z</updated>
    <summary>New Cartoon: Goldilocks</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/113/goldilocks.png" alt="comic strip with 4 panels. The first one is a cover for Goldilocks and the Three Bears, with a girl and three bear heads, the names have been scratched and rewritten to GoldiloCSS and the Three Breaks. The following panels show some code and the result of it with a comment from GoldiloCSS. In the first one, she uses word-break: break-all, and all the words break at inconvenient places. She says 'too hard'. In the second one she uses word-break: keep-all. The words wrap to the next line unless they wouldn't fit, thent hey exceed the space allocated to them. GoldiloCSS comments 'Too soft'. In the last panel, she uses word-break:break-word and the words wrap to the next line unless they wouldn't fit, then they break. GoldiloCSS comments 'Just right... kind of...'" /></p>
      </div>
    </content>
    <rights>Copyright 2023 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Headaches</title>
    <link href="https://comicss.art/comics/114" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/114/headaches.html"/>
    <id>https://comicss.art/comics/114</id>
    <updated>2024-01-15T00:00:00Z</updated>
    <summary>New Cartoon: Headaches</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/114/headaches.png" alt="Comic strip titled 'Types of headaches' with four panels showing a person with a red are indicating the zone of the headache, and a title underneath it indicating the type of headache. The first panel is for Migraine, and the red area occupies the right side of the forehead and eye. The second panel is for stress, and the red area is the forehead and both sides of the head. The third panel is for tension, and the red area is around the forehead. The fourth panel is for Tailwind, and the whole head and body are red." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Do Web Developers Dream of Web Sheep?</title>
    <link href="https://comicss.art/comics/115" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/115/counting-sheep.html"/>
    <id>https://comicss.art/comics/115</id>
    <updated>2024-01-22T00:00:00Z</updated>
    <summary>New Cartoon: Do Web Developers Dream of Web Sheep?</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/115/counting-sheep.png" alt="comic with 9 vertical panels, all of them showing a person in bed with a timer at the bottom right side of the panel. Panel 1: 22:30. The person smiles: 'as a web developer, I do not count sheep to go to sleep. I count front-end technologies that I would like to learn'. Panel 2: 22:31. The person starts falling asleep while dreaming/counting the CSS3 logo. Panel 3: 22:32. The person is sleeping merrilly while dreaming/counting the CSS3 and BEM logos. Panel 4: 22:33. The person opens an eye slightly while counting the CSS3, BEM, and Tailwind logos. Panel 5: 22:34. The person is startled while counting the CSS, BEM, Tailwind, and Bootstrap logos. Panel 6: 22:35. The person starts frawning while counting the CSS, BEM, Tailwind, Bootstrap, and Less logos. Panel 7: 22:36. The person looks worried while counting the CSS, BEM, Tailwind, Bootstrap, Less, and CSS-in-JS (JSS) logos. Panel 8: 22:45. The dream/counting bubble bursts with a worried looking person. Panel 9: 06:55. The person looks sad and sleepy, with bags under the eyes from not sleeping all night." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Cloud Developer</title>
    <link href="https://comicss.art/comics/116" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/116/cloud-developer.html"/>
    <id>https://comicss.art/comics/116</id>
    <updated>2024-02-02T00:00:00Z</updated>
    <summary>New Cartoon: Cloud Developer</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/116/cloud-developer.png" alt="Cartoon of a person using a computer with clouds in the background, next to a box with the following CSS code: .cloud-developer { background: azure; isolation: isolate; rest: none; stress: 100; content: none; }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>King</title>
    <link href="https://comicss.art/comics/117" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/117/king.html"/>
    <id>https://comicss.art/comics/117</id>
    <updated>2024-02-03T00:00:00Z</updated>
    <summary>New Cartoon: King</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/117/king.png" alt="Cartoon of a man with a beard, wearing a crown and holding a sceptre, next to a box with the following CSS code: .king { position: absolute; richness: 100; color: RoyalBlue; :first-child { all: inherit; } }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Phantom of the Opera</title>
    <link href="https://comicss.art/comics/118" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/118/phantom-of-the-opera.html"/>
    <id>https://comicss.art/comics/118</id>
    <updated>2024-02-04T00:00:00Z</updated>
    <summary>New Cartoon: Phantom of the Opera</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/118/phantom-of-the-opera.png" alt="Cartoon of the phantom of the opera (a man with a cape and a mask hiding his face) holding a rose next to the following CSS code: #phantom-of-the-opera { mask:url(#face); backface-visibility:hidden; visibility:hidden; pitch:low; volume:soft; }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Winner</title>
    <link href="https://comicss.art/comics/119" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/119/winner.html"/>
    <id>https://comicss.art/comics/119</id>
    <updated>2024-02-05T00:00:00Z</updated>
    <summary>New Cartoon: Winner</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/119/winner.png" alt="Cartoon of a person with an arm up holding a trophy while confetti falls round them. Next to the scene there's the following CSS code: #winner { order: 1; running: first; color: gold; ::after { content: 'trophy'; } }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Dictator</title>
    <link href="https://comicss.art/comics/120" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/120/dictator.html"/>
    <id>https://comicss.art/comics/120</id>
    <updated>2024-02-06T00:00:00Z</updated>
    <summary>New Cartoon: Dictator</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/120/dictator.png" alt="Dictator: a minimalistic cartoon of a man in military attire with medals and sun glasses, next to the following CSS code: .dictator { position: fixed !important; will-change: order !important; opacity: 0 !important; border: double solid !important; .country:has(&amp;) :not(.supporter) { will-change: orphans, widows !important; translate: 100vmax 0 !important; } }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Basketball Player</title>
    <link href="https://comicss.art/comics/121" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/121/basketball-player.html"/>
    <id>https://comicss.art/comics/121</id>
    <updated>2024-02-07T00:00:00Z</updated>
    <summary>New Cartoon: Basketball Player</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/121/basketball-player.png" alt="Basketball player: a minimalistic cartoon of a man spinning a basketball with one finger next to the following CSS code: .basketball-player { elevation: higher; min-height: 75in; max-height: 91in; will-change: position; play-during: url(#game); position: running(ball); flow: 'offense'; }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Astronaut</title>
    <link href="https://comicss.art/comics/122" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/122/astronaut.html"/>
    <id>https://comicss.art/comics/122</id>
    <updated>2024-02-08T00:00:00Z</updated>
    <summary>New Cartoon: astronaut</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/122/astronaut.png" alt="astronaut: a minimalistic cartoon of a person in an astronaut suit with many stars in the. background. Next to the following CSS code: .astronaut { elevation: above; isolation: isolate; flow-from: spaceship; flow-to: outerspace; transition: float; }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>US Politics</title>
    <link href="https://comicss.art/comics/123" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/123/politics.html"/>
    <id>https://comicss.art/comics/123</id>
    <updated>2024-02-17T00:00:00Z</updated>
    <summary>New Cartoon: US Politics</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/123/politics.png" alt="Minimalistic cartoon of Abraham Lincoln next to three boxes of CSS code: on the top left .democrat{left:100%}; on the center top .undecided{align-self:center}; and on the top right .republican{right:100%}" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Keeping Your Distance</title>
    <link href="https://comicss.art/comics/124" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/124/keeping-your-distance.html"/>
    <id>https://comicss.art/comics/124</id>
    <updated>2024-02-26T00:00:00Z</updated>
    <summary>New Cartoon: Keeping Your Distance</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/124/keeping-your-distance.png" alt="Cartoon with a person separated by an arrow from other people. Each line, the arrow is longer (as it contains a longer CSS name). From top to bottom (shorter to longer): covid-19 (empty arrow), CSS, Bootstrap, BEM, CSS-in-JS, and TailwindCSS." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Neo</title>
    <link href="https://comicss.art/comics/125" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/125/neo.html"/>
    <id>https://comicss.art/comics/125</id>
    <updated>2024-02-29T00:00:00Z</updated>
    <summary>New Cartoon: Neo</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/125/neo.png" alt="Cartoon with a man wearing sunglasses and a long robe with Japanese characters falling behind him (like in The Matrix). Next to the following CSS code: #Neo { will-change: all; all: unset; transform: matrix(1, 0, 1, 0, 1, 1); ::after { all: revert; } }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Transformer</title>
    <link href="https://comicss.art/comics/126" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/126/transformer.html"/>
    <id>https://comicss.art/comics/126</id>
    <updated>2024-03-05T00:00:00Z</updated>
    <summary>New Cartoon: Transformer</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/126/transformer.png" alt="Cartoon of Optimus Prime (a robot character from the Transformers series) next to the following CSS code: .autobot, .decepticon { font-family: roboto; appearance: auto; will-change: appearance, transform; transform: scale(0.5); }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>PR Reviews</title>
    <link href="https://comicss.art/comics/127" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/127/pr-reviews.html"/>
    <id>https://comicss.art/comics/127</id>
    <updated>2024-03-11T00:00:00Z</updated>
    <summary>New Cartoon: PR Reviews</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/127/pr-reviews.png" alt="Cartoon with two panels title Web developers reviewing JS and 'CSS' (CSS is quoted). The first panel shows an angry-looking person saying 'Wow!! Four parameters in a function call??!! That's way too many!!! PR rejected!'. The second panel shows the same person reading a really long list of Tailwind class names and saying 'That CSS class looks stylish! Approved!'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Layers</title>
    <link href="https://comicss.art/comics/128" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/128/layers.html"/>
    <id>https://comicss.art/comics/128</id>
    <updated>2024-03-18T00:00:00Z</updated>
    <summary>New Cartoon: Layers</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/128/layers.png" alt="Cartoon showing CSS code with many nested at-layers. Off-panel someone complains that it may be cold but the code doesn't need so many layers" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Appliance</title>
    <link href="https://comicss.art/comics/129" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/129/appliance.html"/>
    <id>https://comicss.art/comics/129</id>
    <updated>2024-03-23T00:00:00Z</updated>
    <summary>New Cartoon: Appliance</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/129/appliance.png" alt="Appliance: cartoon of a broken blender leaking its content. It is next to some CSS code: .appliance { color: lightsteelblue; counter-set: top; :has(.warranty) { break-before:avoid; break-after: always; }}" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Spring Break</title>
    <link href="https://comicss.art/comics/130" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/130/springbreak.html"/>
    <id>https://comicss.art/comics/130</id>
    <updated>2024-03-29T00:00:00Z</updated>
    <summary>New Cartoon: Spring Break</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/130/springbreak.png" alt="a big cartoon with plenty of white space, an undefined character pops up moving around and asking several times 'comiCSS?'. Finally it stops in front of a beach chair where a person is drinking. The character asks 'comiCSS?!' and the person replies 'spring breaCSS'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Kids Fighting</title>
    <link href="https://comicss.art/comics/131" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/131/kids-fighting.html"/>
    <id>https://comicss.art/comics/131</id>
    <updated>2024-04-08T00:00:00Z</updated>
    <summary>New Cartoon: Kids Fighting</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/131/kids-fighting.png" alt="Comic with 5 panels showing two kids who start to fight yelling at each other 'display:grid' and 'display:flex'. Their angry mother stops them by saying 'animation: none !important', and the separates them by saying 'justify-content: space-between !important'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Not You (I)</title>
    <link href="https://comicss.art/comics/132" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/132/not-you-i.html"/>
    <id>https://comicss.art/comics/132</id>
    <updated>2024-04-12T00:00:00Z</updated>
    <summary>New Cartoon: Not You (I)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/132/not-you-i.png" alt="Grid with 9 boxes with a word and a browser logo. The sentence reads: 'Thank you for building faster internet for everyone'. The center panel (with the IE logo) reads 'not you'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Not You (II)</title>
    <link href="https://comicss.art/comics/133" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/133/not-you-ii.html"/>
    <id>https://comicss.art/comics/133</id>
    <updated>2024-04-13T00:00:00Z</updated>
    <summary>New Cartoon: Not You (II)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/133/not-you-ii.png" alt="Grid with 9 panels with CSS and styling technology logos. Each logo has a word that form the sentence 'Thank you for making web styling better for everyone' except TailwindCSS logo (in the center) with the sentence 'not you'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Evolution</title>
    <link href="https://comicss.art/comics/134" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/134/evolution.html"/>
    <id>https://comicss.art/comics/134</id>
    <updated>2024-04-19T00:00:00Z</updated>
    <summary>New Cartoon: Evolution</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/134/evolution.png" alt="Cartoon titled 'Evolution' with drawings of a 5.25 floppy disk, a CD-ROM, an USB drive, an SD card, and a button with the word 'Upload' and an arrow pointing up into a cloud." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Dungeon</title>
    <link href="https://comicss.art/comics/135" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/135/dungeon.html"/>
    <id>https://comicss.art/comics/135</id>
    <updated>2024-04-20T00:00:00Z</updated>
    <summary>New Cartoon: Dungeon</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/135/dungeon.png" alt="cartoon with three men hang chained in a dungeon. Two look sad, one looks happy. One of the sad ones says 'he used to be a web developer. he says this is 1,000 times better'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Stay on Top</title>
    <link href="https://comicss.art/comics/136" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/136/stay-on-top.html"/>
    <id>https://comicss.art/comics/136</id>
    <updated>2024-04-29T00:00:00Z</updated>
    <summary>New Cartoon: Stay on Top</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/136/stay-on-top.png" alt="cartoon with a list titled 'How to stay on top of things': 1. make a list (striked through); 2. track your time; 3. time box your tasks; 4. more difficult tasks first; 5. take breaks; 6. focus, don't multitask; 7. z-index: 4 (striked through); 8. z-index: 9999 (striked through); 9. z-index: 99999999 (striked through); 10. z-index: max(infinity)" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>May the Fourth</title>
    <link href="https://comicss.art/comics/137" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/137/may-the-fourth.html"/>
    <id>https://comicss.art/comics/137</id>
    <updated>2024-05-04T00:00:00Z</updated>
    <summary>New Cartoon: May the Fourth</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/137/may-the-fourth.png" alt="Cartoon of a floppy disk telling a SD Card 'I am your father'. The SD card, on its knees, yells painfully 'NOOOOOOOOO!'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>May the Fourth (II)</title>
    <link href="https://comicss.art/comics/138" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/138/may-the-fourth-ii.html"/>
    <id>https://comicss.art/comics/138</id>
    <updated>2024-05-04T00:00:01Z</updated>
    <summary>New Cartoon: May the Fourth (II)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/138/may-the-fourth-ii.png" alt="cartoon of the HTML tag table saying 'I am your father', and the CSS property grid on its knees yelling painfully 'NOOOOOO!'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Grief</title>
    <link href="https://comicss.art/comics/139" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/139/grief.html"/>
    <id>https://comicss.art/comics/139</id>
    <updated>2024-05-06T00:00:00Z</updated>
    <summary>New Cartoon: Grief</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/139/grief.png" alt="Comic with six panels with a character going through the stages of grief: 1. denial, the person says 'Why this? Why me? This is not possible! It has to be a mistake!' 2. Anger, the person angrily says 'I cannot stand for this! I will not! Check again! you are wrong!' 3. bargaining, the person smiles 'if you take it away, I will help you later. One for me, one for you...' 4. Depression, the person sadly says 'All the work I have done... Everything... for nothing...' 5. Acceptance, the person shrugs 'I guess this is the way life works...' In the sixth panel, a different person looks confused and says 'I... I only left a comment in your PR asking to use EM instead of PX...'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Framework Fans vs. Framework Bros</title>
    <link href="https://comicss.art/comics/140" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/140/framework-fans.html"/>
    <id>https://comicss.art/comics/140</id>
    <updated>2024-05-13T00:00:00Z</updated>
    <summary>New Cartoon: Framework Fans vs. Framework Bros</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/140/framework-fans.png" alt="Two versions of the same 4-panel comic showing the same situation: a person receives a message on their phone and says 'Oh! The developer of that framework you like is trending', a second person smiles waving a flag with the text 'That Framework'. Then the first person looks shocked at the phone that shows a message with emojis for fire and angry people 'Oh... Oh no...' says while reading the developer's hot take. The last panel is different in both parts. In the first one (titled Framework Fans), the second person looks shocks and ashamed and drops the flag. In the second one (titled Framework Bros), the second person keeps smiling and now they are waving more flags, with flags coming out of ears and mouth, and even the t-shirt is from That Framework." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Technical Support</title>
    <link href="https://comicss.art/comics/141" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/141/technical-support.html"/>
    <id>https://comicss.art/comics/141</id>
    <updated>2024-05-20T00:00:00Z</updated>
    <summary>New Cartoon: Technical Support</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/141/technical-support.png" alt="Cartoon of a person wearing a headset in front of a computer, replyng to a phone call. The conversation is about how the caller is having issues when translating an element horizontally, it moves fine, then drops to the bottom rapidly. The technical support person asks the caller to open the dev tools and look for other animations. The  caller replies 'I will do it right meow' shocking the technical support, who asks 'are we talking about CSS?' The last panel is a drawing of a cat pushing a glass off a ledge and saying 'What is CSS?'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Spelling Bee</title>
    <link href="https://comicss.art/comics/142" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/142/spelling-bee.html"/>
    <id>https://comicss.art/comics/142</id>
    <updated>2024-05-23T00:00:00Z</updated>
    <summary>New Cartoon: Spelling Bee</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/142/spelling-bee.png" alt="Spelling bee contestant: a minimalistic cartoon of a person in front of a microphone, with some CSS code next to it: .speeling-bee { .contestant { speak: spell-out; word-break: break-all; stress: 100; } }" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Cheese Attack</title>
    <link href="https://comicss.art/comics/143" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/143/cheese-attack.html"/>
    <id>https://comicss.art/comics/143</id>
    <updated>2024-06-10T00:00:00Z</updated>
    <summary>New Cartoon: Cheese Attack</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/143/cheese-attack.png" alt="Comic with four panels showing a person talking down to another character next to a comiCSS sign, about how drawing in CSS is not good, SVG is better, chatGPT can do it, Tailwind is better... a third character shows up in the second panel and throws a slice of cheese to the character that is doing all the talking 'Cheese Attack!!'. In the last panel, that third character says that the person with the slice of cheese will be distracted for a while and it's time to leave before they come back." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Sleep like a baby</title>
    <link href="https://comicss.art/comics/144" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/144/sleep-like-a-baby.html"/>
    <id>https://comicss.art/comics/144</id>
    <updated>2024-06-24T00:00:00Z</updated>
    <summary>New Cartoon: Sleep like a baby</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/144/sleep-like-a-baby.png" alt="Comic with four panels in a 2x2 grid. It has two characters talking. The first one asks 'Hey! I haven't seen you in a while. How's the new project? Lots of hours? Do you even sleep?' The second replies 'Oh, I sleep like a baby' The first one asks 'deeply and well?' And the second one replies sadly 'No. I wake up every 3 hours crying and calling for my mom'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Haircut</title>
    <link href="https://comicss.art/comics/145" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/145/haircut.html"/>
    <id>https://comicss.art/comics/145</id>
    <updated>2024-08-04T00:00:00Z</updated>
    <summary>New Cartoon: Haircut</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/145/haircut.png" alt="cartoon with two panels showing two people talking. One has long spiky hair, the other one has a more classic hair and says 'cool haircut! did you go to the hairdresser?'. The person with spiky hair replies: 'No, I was just reviewing the new Junior's PR'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Order</title>
    <link href="https://comicss.art/comics/146" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/146/order.html"/>
    <id>https://comicss.art/comics/146</id>
    <updated>2024-08-12T00:00:00Z</updated>
    <summary>New Cartoon: Order</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/146/order.png" alt="cartoon with 4 panels showing a disorganized book shelf. Then two characters talking: 'your shelf is always messy!', then the other one replies '.shelf .book order:unset' all the books in the shelf become ordered. The first character replies 'I get why that worked, but it makes no sense'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Floating on Air</title>
    <link href="https://comicss.art/comics/147" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/147/floating-on-air.html"/>
    <id>https://comicss.art/comics/147</id>
    <updated>2024-08-26T00:00:00Z</updated>
    <summary>New Cartoon: Floating on Air</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/147/floating-on-air.png" alt="Cartoon with 3 panels, the first show two show a person smiling and with hearts for eyes saying 'she makes me so happy, I could float on air'. In the last panel, two people tagged as Flex and Grid say simultaneously: 'Don't even think about it!'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Favorite Drink</title>
    <link href="https://comicss.art/comics/148" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/148/favorite-drink.html"/>
    <id>https://comicss.art/comics/148</id>
    <updated>2024-09-02T00:00:00Z</updated>
    <summary>New Cartoon: Favorite Drink</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/148/favorite-drink.png" alt="What is web developers' favorite drink? :root beer" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Great Dancers</title>
    <link href="https://comicss.art/comics/149" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/149/great-dancers.html"/>
    <id>https://comicss.art/comics/149</id>
    <updated>2024-09-03T00:00:00Z</updated>
    <summary>New Cartoon: Great Dancers</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/149/great-dancers.png" alt="Why are CSS Developers great dancers? Because they know all the steps()" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Driver's License</title>
    <link href="https://comicss.art/comics/150" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/150/drivers-license.html"/>
    <id>https://comicss.art/comics/150</id>
    <updated>2024-09-04T00:00:00Z</updated>
    <summary>New Cartoon: Driver's License</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/150/drivers-license.png" alt="Why do Web Developers have a tough time getting a driver's license? They pass the written test or the driving test, but they rarely clear:both" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Frankenstein's Monster</title>
    <link href="https://comicss.art/comics/151" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/151/frankensteins-monster.html"/>
    <id>https://comicss.art/comics/151</id>
    <updated>2024-10-04T00:00:00Z</updated>
    <summary>New Cartoon: Frankenstein's Monster</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/151/frankensteins-monster.png" alt="Comic with 4 panels. In the first one Frankenstein's Monster looks menacing yelling 'Be very scared of Frankenstein's Monster!'. A person replies 'You are not a monster, you are just misunderstood'. The monster replies 'I use divs as buttons... on purpose'. The person looks disappointed and terrified in the last panel." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Costumes</title>
    <link href="https://comicss.art/comics/152" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/152/costumes.html"/>
    <id>https://comicss.art/comics/152</id>
    <updated>2024-10-05T00:00:00Z</updated>
    <summary>New Cartoon: Costumes</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/152/costumes.png" alt="Cartoon with 4 panels titled 'halloween costumes'. First panel: the CSS3 logo with a skeleton make up on, and the text 'CSS will go as a skeleton... because it is at the core of all styling'. Second panel: the CSS modules logo with Frankenstein's monster features, and the text 'CSS Modules will go as Frankenstein because it is made of many parts and components'. Third panel: The boostrap logo wrapped in clothe, and the text: 'Bootstrap will go as a mummy... because it is old and dusty, but it gets the job done'. In the last panel, the Tailwind logo with fangs and the text: 'Tailwind will be Dracula... because it sucks.'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Lazy River</title>
    <link href="https://comicss.art/comics/153" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/153/lazy-river.html"/>
    <id>https://comicss.art/comics/153</id>
    <updated>2024-10-15T00:00:00Z</updated>
    <summary>New Cartoon: Lazy River</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/153/lazy-river.png" alt="why did the web developer stop going to the lazy river? they had to use a float" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Negative Animation Delay</title>
    <link href="https://comicss.art/comics/154" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/154/negative-animation-delay.html"/>
    <id>https://comicss.art/comics/154</id>
    <updated>2024-10-15T00:00:01Z</updated>
    <summary>New Cartoon: Negative Animation Delay</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/154/negative-animation-delay.png" alt="I was going to tell you a joke about negative animation-delay... but you didn't get it" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>What is blue...?</title>
    <link href="https://comicss.art/comics/155" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/155/blue-not-heavy.html"/>
    <id>https://comicss.art/comics/155</id>
    <updated>2024-10-15T00:00:02Z</updated>
    <summary>New Cartoon: What is blue...?</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/155/blue-not-heavy.png" alt="What is blue and not too heavy? LightBlue" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Optimistic</title>
    <link href="https://comicss.art/comics/156" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/156/optimistic.html"/>
    <id>https://comicss.art/comics/156</id>
    <updated>2024-10-15T00:00:03Z</updated>
    <summary>New Cartoon: Optimistic</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/156/optimistic.png" alt="why are CSS developers so optimistic? they never see the glass half :empty" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Why did the SVG go to the dentist?</title>
    <link href="https://comicss.art/comics/157" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/157/svg-dentist.html"/>
    <id>https://comicss.art/comics/157</id>
    <updated>2024-10-15T00:00:04Z</updated>
    <summary>New Cartoon: Why did the SVG go to the dentist?</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/157/svg-dentist.png" alt="Why did the svg go to the dentist? it lost a filling" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>What does HTML...</title>
    <link href="https://comicss.art/comics/158" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/158/html-parties.html"/>
    <id>https://comicss.art/comics/158</id>
    <updated>2024-10-15T00:00:05Z</updated>
    <summary>New Cartoon: What does HTML...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/158/html-parties.png" alt="what does html wear at parties? address" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Color Search</title>
    <link href="https://comicss.art/comics/159" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/159/color-search.html"/>
    <id>https://comicss.art/comics/159</id>
    <updated>2024-10-15T00:00:06Z</updated>
    <summary>New Cartoon: Color Search</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/159/color-search.png" alt="I looked for the perfect grayish-purplish color. It took a long time, but I finally found it in a DECADE" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Leaving the University</title>
    <link href="https://comicss.art/comics/160" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/160/repeating-conic-gradient.html"/>
    <id>https://comicss.art/comics/160</id>
    <updated>2024-10-15T00:00:07Z</updated>
    <summary>New Cartoon: Leaving the University</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/160/repeating-conic-gradient.png" alt="why did the repeating-conic-gradient leave the university? It already had 360 degrees" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Reading</title>
    <link href="https://comicss.art/comics/161" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/161/reading.html"/>
    <id>https://comicss.art/comics/161</id>
    <updated>2024-10-19T00:00:00Z</updated>
    <summary>New Cartoon: Reading</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/161/reading.png" alt="comic with for panels, there are two characters talking about what they have been reading and talking about how long it is compared to previous works from the same author, it took them a long time to read it. A third person arrives and asks what novel they are reading. They reply they are not reading any novel, they are reviewing some Tailwind code." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Organs</title>
    <link href="https://comicss.art/comics/162" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/162/organs.html"/>
    <id>https://comicss.art/comics/162</id>
    <updated>2024-10-20T00:00:00Z</updated>
    <summary>New Cartoon: Organs</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/162/organs.png" alt="comic with four panels showcasing organs. The lungs say 'we breathe air for you', the heart says 'I pump blood for you', the liver says 'I filter was for you', and the brain says 'use table layout, floats everywhere, hardcode all values'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Halloween Logic Gates</title>
    <link href="https://comicss.art/comics/163" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/163/logic-gates.html"/>
    <id>https://comicss.art/comics/163</id>
    <updated>2024-10-25T00:00:00Z</updated>
    <summary>New Cartoon: Halloween Logic Gates</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/163/logic-gates.png" alt="Cartoon with different panels showing a pumpkin made with two circles. Only some parts of it have colors: trick OR treat has the whole pumpkin in orange; trick AND treat only the part where the circles intersect; etc." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>AI Edits</title>
    <link href="https://comicss.art/comics/164" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/164/ai-edits.html"/>
    <id>https://comicss.art/comics/164</id>
    <updated>2024-11-04T00:00:00Z</updated>
    <summary>New Cartoon: AI Edits</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/164/ai-edits.png" alt="cartoon with two panels. A person off-panel asks 'did Alvaro start using AI to edit the comics?', another person in the panel replies 'I don't know. You think he does?'. The first person is now in-panel and has large breasts and a cleavage 'I have a suspicion he did'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Hell</title>
    <link href="https://comicss.art/comics/165" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/165/hell.html"/>
    <id>https://comicss.art/comics/165</id>
    <updated>2024-11-11T00:00:00Z</updated>
    <summary>New Cartoon: Hell</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/165/hell.png" alt="A person is at the gate of Hell, a demon says 'you are not in the list', he replies 'of course not! I cared about everyone, even added aria-label to every HTML tag'. The demon replies 'I see, follow me' and guides him to a place called Double Hell" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>web3</title>
    <link href="https://comicss.art/comics/166" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/166/web3.html"/>
    <id>https://comicss.art/comics/166</id>
    <updated>2024-11-18T00:00:00Z</updated>
    <summary>New Cartoon: web3</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/166/web3.png" alt="Comic with 4 panels in a 2x2 grid. A child goes talk to their grandparent and says in school they are studying history of the Internet but doesn't understand why they went from web to web 2.0 to web 4. The grandparent replies: we don't talk about web3" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Push-ups</title>
    <link href="https://comicss.art/comics/167" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/167/push-ups.html"/>
    <id>https://comicss.art/comics/167</id>
    <updated>2024-11-25T00:00:00Z</updated>
    <summary>New Cartoon: Push-ups</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/167/push-ups.png" alt="comic with 4 panels in a 2x2 grid. There are two characters, one of them has the tshirt off and shows a lot of muscles. The other one asks 'Wow, Dave! How did you get like that? You are a web developer!' Dave replies: 'every time I add a Tailwind class... I do one push-up'. In the last panel he adds 'I started with the tutorial yesterday, and have not finished my first page yet... please help...'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Seasons Inputs</title>
    <link href="https://comicss.art/comics/168" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/168/seasons-inputs.html"/>
    <id>https://comicss.art/comics/168</id>
    <updated>2024-12-09T00:00:00Z</updated>
    <summary>New Cartoon: Seasons Inputs</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/168/seasons-inputs.png" alt="different 'creative' password inputs: a regular password field shows dots instead of letters, summer password has suns instead, winter password has snowflakes, spring password has flowers, christmas password has santas, june corporate passwords has dots but they are the colors of the pride flag" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>If you give a mouse a cookie</title>
    <link href="https://comicss.art/comics/169" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/169/mouse-cookie.html"/>
    <id>https://comicss.art/comics/169</id>
    <updated>2024-12-16T00:00:00Z</updated>
    <summary>New Cartoon: If you give a mouse a cookie</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/169/mouse-cookie.png" alt="Cartoon with two panels showing a mouse with a cookie. In the first panel, the mouse is smiling and looking happy, and has the text 'if you give a mouse a cookie...'. The second panel shows an angry mouse along with the text (partially covered by the mouse): ...he is going to ask what the **** is this? No HTTPS? No domain or expiration date? Have you not heard about GDPR? Who did even let you close to this code? This sucks! And you call yourself a developer? Can I talk to your manager? Do they know what a ****** developer you are? Aren't you ashame? You should be ashamed! ...An that's why you never give a mouse a ****ing cookie. The end." /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Argument</title>
    <link href="https://comicss.art/comics/170" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/170/argument.html"/>
    <id>https://comicss.art/comics/170</id>
    <updated>2024-12-30T00:00:00Z</updated>
    <summary>New Cartoon: Argument</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/170/argument.png" alt="comic with 4 panels in a 2x2 grid. All of them have 3 people, two of them are talking about how CSS or Tailwind is better than the other, while the third person is more and more interested in the conversation. In the last panel, the two people agree that everything is ok as long as they are using what's best for each other, and the third person is disappointed because they didn't fight 'That is not how it is supposed to go!!'" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>wherewolf</title>
    <link href="https://comicss.art/comics/171" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/171/wherewolf.html"/>
    <id>https://comicss.art/comics/171</id>
    <updated>2025-01-06T00:00:00Z</updated>
    <summary>New Cartoon: wherewolf</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/171/wherewolf.png" alt="Cartoon of a wolf's head talking some CSS code, witht he title :where(.wolf)" /></p>
      </div>
    </content>
    <rights>Copyright 2024 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>#DECAFF #C0FFEE at 200 Degrees</title>
    <link href="https://comicss.art/comics/172" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/172/decaff-coffee.html"/>
    <id>https://comicss.art/comics/172</id>
    <updated>2025-01-17T00:00:00Z</updated>
    <summary>New Cartoon: #DECAFF #C0FFEE at 200 Degrees</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/172/decaff-coffee.png" alt="a color gradient from purple to light blue" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>GDPR</title>
    <link href="https://comicss.art/comics/173" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/173/gdpr.html"/>
    <id>https://comicss.art/comics/173</id>
    <updated>2025-02-15T00:00:00Z</updated>
    <summary>New Cartoon: GDPR</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/173/gdpr.png" alt="cartoon showing two characters, one is complaining that GDPR is a terrible policy then starts complaining of how privacy is lacking in the USA and how it would be great to have some law to protect it while the other character repeatedly replies to every complaint 'GDPR'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>AI Act</title>
    <link href="https://comicss.art/comics/174" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/174/ai-act.html"/>
    <id>https://comicss.art/comics/174</id>
    <updated>2025-02-17T00:00:00Z</updated>
    <summary>New Cartoon: AI Act</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/174/ai-act.png" alt="cartoon showing two characters. One is complaining that the AI Act is terrible and slows down progress in the EU. Then a panel describes an apocalyptic situation after AI replaces humans beings. The complaining character asks for potential solutions and ignores the other character when they continuosly reply 'AI Act'. In the last panel, a terminator has killed both characters." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Primes</title>
    <link href="https://comicss.art/comics/175" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/175/primes.html"/>
    <id>https://comicss.art/comics/175</id>
    <updated>2025-04-01T00:00:00Z</updated>
    <summary>New Cartoon: Primes</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/175/primes.png" alt="prime symbols: single prime, double prime, triple prime,  quadruple prime, and Optimus Prime (with a drawing of the transformer instead of any prime symbol)" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Secretly added to a CSS security signal chat</title>
    <link href="https://comicss.art/comics/176" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/176/signal.html"/>
    <id>https://comicss.art/comics/176</id>
    <updated>2025-04-02T00:00:00Z</updated>
    <summary>New Cartoon: Secretly added to a CSS security signal chat</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/176/signal.png" alt="The punch emoji, the CSS logo, and the fire emoji" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Vibe Coding Keyboard</title>
    <link href="https://comicss.art/comics/177" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/177/vibe-coding.html"/>
    <id>https://comicss.art/comics/177</id>
    <updated>2025-04-03T00:00:00Z</updated>
    <summary>New Cartoon: Vibe Coding Keyboard</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/177/vibe-coding.png" alt="illustration of a keyboard with a single Tab key" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Tariffs</title>
    <link href="https://comicss.art/comics/178" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/178/tariffs.html"/>
    <id>https://comicss.art/comics/178</id>
    <updated>2025-04-04T00:00:00Z</updated>
    <summary>New Cartoon: Tariffs</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/178/tariffs.png" alt="a fake tv newscast showing that the US governement has imposed tariffs on the use of JavaScript and CSS because they have too many imports and exports" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Standing Desk</title>
    <link href="https://comicss.art/comics/179" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/179/standing-desk.html"/>
    <id>https://comicss.art/comics/179</id>
    <updated>2025-04-08T00:00:00Z</updated>
    <summary>New Cartoon: Standing Desk</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/179/standing-desk.png" alt="cartoon with several cartoons showing a character working at a work station with the desk down, then up, then down, then up, then down... and at the end of the day the character looks sad saying 'I was so busy going up and down that I forgot to work!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Types of GitHub Users</title>
    <link href="https://comicss.art/comics/180" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/180/github-users.html"/>
    <id>https://comicss.art/comics/180</id>
    <updated>2025-04-14T00:00:00Z</updated>
    <summary>New Cartoon: Types of GitHub Users</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/180/github-users.png" alt="illustration mimicking the GitHub contribution diagram for different types of people: regular developer (different sharesgreen in different locations), the overachiever (everything in dark green), the 'I am looking for a new job' (no contributions until suddenly a big one), the Macarena (the graphic looks like a cartoon dancing in different poses)" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Unattended Children</title>
    <link href="https://comicss.art/comics/181" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/181/unattended-children.html"/>
    <id>https://comicss.art/comics/181</id>
    <updated>2025-04-21T00:00:00Z</updated>
    <summary>New Cartoon: Unattended Children</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/181/unattended-children.png" alt="cartoon of a sign with a child drinking coffee and the text 'unattended children will be given an espresso and a class in CSS'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Hi, I'm CSS...</title>
    <link href="https://comicss.art/comics/182" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/182/hi-im-css.html"/>
    <id>https://comicss.art/comics/182</id>
    <updated>2025-04-28T00:00:00Z</updated>
    <summary>New Cartoon: Hi, I'm CSS...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/182/hi-im-css.png" alt="comic with three panels showing the new CSS logo (a purple square with the letters CSS inside) with a face saying 'Hi, my name is CSS, but when developers see me, they call me FUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUCK'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Upwind. Downwind. Headwind. Tailwind.</title>
    <link href="https://comicss.art/comics/183" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/183/upwind-downwind-headwind-tailwind.html"/>
    <id>https://comicss.art/comics/183</id>
    <updated>2025-05-05T00:00:00Z</updated>
    <summary>New Cartoon: upwind-downwind-headwind-tailwind</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/183/upwind-downwind-headwind-tailwind.png" alt="upwind-downwind-headwind-tailwind" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Everything is Cascading</title>
    <link href="https://comicss.art/comics/184" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/184/everything-is-cascading.html"/>
    <id>https://comicss.art/comics/184</id>
    <updated>2025-05-08T00:00:00Z</updated>
    <summary>New Cartoon: Everything is Cascading</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/184/everything-is-cascading.png" alt="parody of the book cover for Everything is Tuberculosis by John Green: a yellow background with the tile (Everything is Cascading) and the author (Al Montoro) in big laters, a subtitle below the author (Not a bestselling author of the comiCSS series). The center of the drawing looks like a microscope preview with the text The History and Persistence of the Most Hated Language" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Alignment</title>
    <link href="https://comicss.art/comics/185" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/185/css-alignment.html"/>
    <id>https://comicss.art/comics/185</id>
    <updated>2025-05-12T00:00:00Z</updated>
    <summary>New Cartoon: CSS Alignment</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/185/css-alignment.png" alt="the same snippet of CSS formatted in different ways organized based on the Dungeons and Dragons alignment grid of: good, netrual, and evil; vs lawful, neutral, and chaotic" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>May the Fourth (III)</title>
    <link href="https://comicss.art/comics/186" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/186/may-the-fourth-iii.html"/>
    <id>https://comicss.art/comics/186</id>
    <updated>2025-05-15T00:00:00Z</updated>
    <summary>New Cartoon: May the Fourth (III)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/186/may-the-fourth-iii.png" alt="Cartoon of the CSS logo holding a lightsaber and saying 'I am your father', while the Tailwind logo kneels in despair yelling 'NOOOOOOOOOO!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Visited Link</title>
    <link href="https://comicss.art/comics/187" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/187/visited-link.html"/>
    <id>https://comicss.art/comics/187</id>
    <updated>2025-05-19T00:00:00Z</updated>
    <summary>New Cartoon: Visited Link</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/187/visited-link.png" alt="Cartoon with the CSS and JS logos looking at a visited link. CSS continuously claims it's purple while JS claims it's blue. In the end JS believes CSS and is worried about being colorblind" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Many Faces of CSS</title>
    <link href="https://comicss.art/comics/188" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/188/faces-of-css.html"/>
    <id>https://comicss.art/comics/188</id>
    <updated>2025-05-26T00:00:00Z</updated>
    <summary>New Cartoon: The Many Faces of CSS</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/188/faces-of-css.png" alt="cartoon with CSS saying 'Many complain about how difficult I am, but I want to prove I'm easy and versatile. To show... The Many Faces of CSS (because changing styles is my thing)'. Vanilla: new CSS loapolitan: yellow, brown and pink logo. Dark: logo that looks like batman. Kawaii: cute pinkish logo. 3D: logo with lights and shadows. Halloween: logo wearing a JS costume. Halloween 2: logo wearing a Tailwind mask. Vintage: the old CSS logo. Cubist: new CSS logo with multiple colors and all the letters in different spots" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Better Shape()</title>
    <link href="https://comicss.art/comics/189" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/189/better-shape.html"/>
    <id>https://comicss.art/comics/189</id>
    <updated>2025-06-02T00:00:00Z</updated>
    <summary>New Cartoon: Better Shape()</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/189/better-shape.png" alt="Cartoon with the CSS logo modified to have legs, arms, and a face. It has big muscles and says 'They say I am old, but I have never been in better shape() in my life'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Sheriff</title>
    <link href="https://comicss.art/comics/190" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/190/sheriff.html"/>
    <id>https://comicss.art/comics/190</id>
    <updated>2025-06-09T00:00:00Z</updated>
    <summary>New Cartoon: Sheriff</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/190/sheriff.png" alt="cartoon with two panels. The first one shows a sheriff with a curly mustache, curly cowboy hat, curly eyebrows, and additional shadows that make it 'fancy'; it is titled Sheriff. The second one is the same sheriff, but the mustache is straight also the eyebrows and the cowboy hat; it is titled Sans-Sheriff." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Kerning the Frog</title>
    <link href="https://comicss.art/comics/191" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/191/kerning-the-frog.html"/>
    <id>https://comicss.art/comics/191</id>
    <updated>2025-06-16T00:00:00Z</updated>
    <summary>New Cartoon: Kerning the Frog</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/191/kerning-the-frog.png" alt="cartoon of a puppet frog saying 'It is not easy being #00800' with poor kerning (the letters are oddly spaced). It has the title (bad) kerning the frog" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Nightmare</title>
    <link href="https://comicss.art/comics/192" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/192/css-nightmare.html"/>
    <id>https://comicss.art/comics/192</id>
    <updated>2025-06-23T00:00:00Z</updated>
    <summary>New Cartoon: CSS Nightmare</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/192/css-nightmare.png" alt="comic with 4 panels in a 2x2 grid. Two characters talk: one says 'last night I dreamed that all CSS frameworks disappeared and web developers could only code using vanilla CSS'. The second person replies 'Oh, my! That sounds awful! What a terrible nightmare!' The first person first surprised, then ashamed says 'yes... of course... a nightmare...'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Benefits of Tailwind</title>
    <link href="https://comicss.art/comics/193" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/193/benefits-of-tailwind.html"/>
    <id>https://comicss.art/comics/193</id>
    <updated>2025-06-30T00:00:00Z</updated>
    <summary>New Cartoon: Benefits of Tailwind</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/193/benefits-of-tailwind.png" alt="Pie chart titled Benefits of Using TailwindCSS. The chart is 30% green, 55% yellow, and 15% orange. The legend is Reduced Code Bloat (red), Maintainability (blue), and Learning Curve (pink)" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Independence Day (I)</title>
    <link href="https://comicss.art/comics/194" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/194/independence-day-i.html"/>
    <id>https://comicss.art/comics/194</id>
    <updated>2025-07-04T00:00:00Z</updated>
    <summary>New Cartoon: Independence Day (I)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/194/independence-day-i.png" alt="Comic strip with 3 panels. The first one happens on July 4, 2025, the IE logo is smiling while saying 'Happy Independence Day! Because you cannot write independence without IE! I'm back, baby!' The second panel has the Chrome and Safari logos looking disgusted and disappointed. The third panel is happening on July 4, 2026, the Chrome and Safari logos cheerfully saying 'Happy Autonomy Day!' while an angry IE logo is seeing in a corner of the panel saying 'jerks!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Independence Day (II)</title>
    <link href="https://comicss.art/comics/195" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/195/independence-day-ii.html"/>
    <id>https://comicss.art/comics/195</id>
    <updated>2025-07-04T00:00:01Z</updated>
    <summary>New Cartoon: Independence Day (II)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/195/independence-day-ii.png" alt="Comic strip with 2 panels, the first one has a cheerful IE logo saying 'Happy Independence Day! Because you cannot write independence without IE! I am back, baby!' The second panel has many speech bubbles from characters off-panel saying 'Neither inefficient... or embarrassing... or inferior... or asinine... weird... simpleton... retired... ancient...' And a disappointed looking IE logo replies 'OK... I get it! I'll leave now'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Summer at the Venns' House</title>
    <link href="https://comicss.art/comics/196" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/196/summer-at-venn.html"/>
    <id>https://comicss.art/comics/196</id>
    <updated>2025-07-07T00:00:00Z</updated>
    <summary>New Cartoon: Summer at the Venns' House</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/196/summer-at-venn.png" alt="Cartoon with two ice cream cones overlapping each other looking like a Venn diagram" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Levels of WCAG Conformance</title>
    <link href="https://comicss.art/comics/197" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/197/levels-of-wcag-conformance.html"/>
    <id>https://comicss.art/comics/197</id>
    <updated>2025-07-14T00:00:00Z</updated>
    <summary>New Cartoon: Levels of WCAG Conformance</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/197/levels-of-wcag-conformance.png" alt="Comic with 4 panels titled 'Levels of WCAG Conformance'. The first panel is titled 'A' and shows a smiling person saying 'piece of cake!'. The second panel is titled 'AA' and shows the same person with some concern on their face while sighing 'tricky!'. The third panel is titled 'AAA' and shows the same person with a panicking face saying 'this is tough...'. The fourth panel is titled 'AAAAAAAAARGH' and it shows the same person hitting their head against the computer while saying 'I hate this!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Color Shopping List</title>
    <link href="https://comicss.art/comics/198" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/198/color-shopping-list.html"/>
    <id>https://comicss.art/comics/198</id>
    <updated>2025-07-21T00:00:00Z</updated>
    <summary>New Cartoon: Color Shopping List</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/198/color-shopping-list.png" alt="comic with 4 panels in a 2x2 grid. A character is working on a computer and saying 'tomato... salmon... tuna... tuna? Oh no! This is not my Figma color list, this is the shopping list! Which means...' The last panel is another character confused, pushing a shopping cart and asking 'Excuse me, do you know when I can find some chartreuse? And how do you even cook a gainsboro?' and sighs 'and what the heck is a lemon chiffon?'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Tanning</title>
    <link href="https://comicss.art/comics/199" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/199/tanning.html"/>
    <id>https://comicss.art/comics/199</id>
    <updated>2025-07-28T00:00:00Z</updated>
    <summary>New Cartoon: Tanning</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/199/tanning.png" alt="comic with 4 panels showing three people talking. Person 1: We have a coupon for the tanning salon. Want to come with us? Person 2: I want a tan too, but I can't go coz of my sinus infection. Maybe tomorrow? Person 1: It expires today. That salon is pricey, I couldn’t afford such a cost without a coupon. It’d be a sin not to use it. Would a tangerine help? Person 2: W... What...? Hmmm... Hypothesis: the cartoonist is randomly inserting trigonometric functions into the comic. Person 3: EIGHT!" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Pyramid of Greatness</title>
    <link href="https://comicss.art/comics/200" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/200/pyramid-of-greatness.html"/>
    <id>https://comicss.art/comics/200</id>
    <updated>2025-08-04T00:00:00Z</updated>
    <summary>New Cartoon: CSS Pyramid of Greatness</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/200/pyramid-of-greatness.png" alt="Cartoon showing a triangle titled 'CSS Pyramid of Greatness'. The triangle contains 55 rectangles with information and key features of CSS. From 'Animations: moving things around and keeping you warm in winter' to 'Tailwind: Avoid it'. Check the live demo for more information and all 55 of them." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Old Way</title>
    <link href="https://comicss.art/comics/201" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/201/the-old-way.html"/>
    <id>https://comicss.art/comics/201</id>
    <updated>2025-08-11T00:00:00Z</updated>
    <summary>New Cartoon: The Old Way</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/201/the-old-way.png" alt="comic with 4 panels in a 2x2 grid. In the first panel, a character asks 'Hey, dude! What are you up to?' a second character replies 'Just building a website... the old way: no frameworks, no webpack, no AI, no libraries... Just crafting HTML, JS, and CSS. It is so much fun!' to the shock of the first character who backs away slowly, to go and tell a different person 'I tell you! He has lost his ******* mind!' in the last panel" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Pedro Pascal</title>
    <link href="https://comicss.art/comics/202" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/202/pedro-pascal.html"/>
    <id>https://comicss.art/comics/202</id>
    <updated>2025-08-18T00:00:00Z</updated>
    <summary>New Cartoon: Pedro Pascal</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/202/pedro-pascal.png" alt="comic with 4 panels in a 2x2 grid showing 2 characters talking. A person says 'Check this out! I created a library for comiCSS that...' and a econd character interrupts him 'Let me stop you right there! A comic? Really? That's a dead medium! Seriously... A comic... and about CSS... No one will read that! You should focus on something more interesting like movies or series... something with Pedro Pascal. Pedro Pascal is everywhere, and it's all good. But CSS? In a comic? Nope!' and adding as he leaves 'I would stop with the CSS nonsense and include something with Pedro Pascal, you'll get views and traction... But it's your call. Bye bye!'. In the last panel, it is revealed that the first person was Pedro Pascal wearing a mask (a caricature of him). Pedro says 'I can't connect with the character. What's his deal? Is he happy? Sad? ...and what is CSS? And the dialog? Terrible! Of course I'm everywhere. I'm Pedro ******* Pascal!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Hippopotenuse</title>
    <link href="https://comicss.art/comics/203" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/203/hippopotenuse.html"/>
    <id>https://comicss.art/comics/203</id>
    <updated>2025-08-19T00:00:00Z</updated>
    <summary>New Cartoon: Hippopotenuse</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/203/hippopotenuse.png" alt="Cartoon of a hippopotamus sleeping on the hypotenuse of a right triangle" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Too Many Acronyms</title>
    <link href="https://comicss.art/comics/204" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/204/tma.html"/>
    <id>https://comicss.art/comics/204</id>
    <updated>2025-08-25T00:00:00Z</updated>
    <summary>New Cartoon: Too Many Acronyms</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/204/tma.png" alt="comic with 4 panels in a 2x2 grid showing two characters chatting while working on their computers. One says 'I'm getting the agenda ready for our CSS brown bag: we'll introduce the rare matchparent in marker-side, and talk about the width in border-bottom, some more about borders (small and medium), word-space: normal, and maybe transform translates if we have time...', the other one replies 'Sounds like a lot... will people get scared with so much CSS?' The first one replies 'Good point! I'll use acronyms to make it shorter and less scary! ...and sent!' The second character looks shocked as he receives a new email 'subject: brown bag. In this meeting: msm, bbw, bd sm, wsn, tts (tbd)' And the first character exclaims excited: 'Wow! So many replies already! Most of the back-end guys... I didn't know they were into this! Oh! And Linda from HR!' as the second character covers his face in desperation." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Nicknames</title>
    <link href="https://comicss.art/comics/205" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/205/initials.html"/>
    <id>https://comicss.art/comics/205</id>
    <updated>2025-08-27T00:00:00Z</updated>
    <summary>New Cartoon: Nicknames</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/205/initials.png" alt="Cartoon with 4 panels in a 2x2 grid titled 'CSS Short Names'. It shows different people (all seem happy but the last one who looks annoyed) saying: - Hello! My name is text-emphasis: sesame, but my friends call me Tess. - Hi, I'm shape-inside: auto, but people call me Sia for short. - Howdy, my name is text-orientation: mixed, and people call me Tom. - My name is align-self: stretch... and I hate this conversation." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Trust Issues</title>
    <link href="https://comicss.art/comics/206" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/206/trust-issues.html"/>
    <id>https://comicss.art/comics/206</id>
    <updated>2025-09-01T00:00:00Z</updated>
    <summary>New Cartoon: Trust Issues</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/206/trust-issues.png" alt="comic with 4 panels in a 2x2 grid. The same character says Trust issues? Of course I have trust issues! You see, I've been working with CSS for a while already... (over a dark gray background) ...And, in CSS, this is gray... (over a light gray background) ...but this is darkgray. Then sighs And don't get me started with the sea greens!" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Random</title>
    <link href="https://comicss.art/comics/207" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/207/random.html"/>
    <id>https://comicss.art/comics/207</id>
    <updated>2025-09-06T00:00:00Z</updated>
    <summary>New Cartoon: Random</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/207/random.png" alt="Comic title Random with 4 panels in a 2x2 grid. Each panel has two characters talking: Person 1: Great! Because the readers need this comic to be even more confusing! Person 2: I'm fine... wait, what's going on? Person 2: I think the comic creator is playing with the random() function! Person 1: Hi, how are you? Comic footer: comiCSS: a webcomic about CSS. Coded with love in CSS. comicss.art" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Hell (v2)</title>
    <link href="https://comicss.art/comics/208" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/208/hell.html"/>
    <id>https://comicss.art/comics/208</id>
    <updated>2025-09-08T00:00:00Z</updated>
    <summary>New Cartoon: Hell (v2)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/208/hell.png" alt="comic with 4 panels in a 2x2 grid showing a man in hell talking to the devil. Devil: Sorry, today we are running super late. You will have to punish yourself creating a website. Man (smiling): A website? That's not that terrible! The devil and the man continue looking at each other awkwardly in silence. Man (really scared): It's with Tailwing, isn't it? The devil looks at him with an evil grin on his face." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Balloon</title>
    <link href="https://comicss.art/comics/209" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/209/balloon.html"/>
    <id>https://comicss.art/comics/209</id>
    <updated>2025-09-15T00:00:00Z</updated>
    <summary>New Cartoon: CSS Balloon</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/209/balloon.png" alt="comic with 8 panels in a 4x2 grid showing a character that is overwhelmed by bad news at work and on TV. He walks towards a wardrobe where he gets a balloon, inflates it and walks towards a door. The next panel is a colorful sky with the person floating away with the balloon next to the CSS code translate: Infinity Infinity. The last panel shows two people left behind, one says 'Wait... you can do that with CSS?' The other sadly says 'Don't leave us behind!!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Background-Repeat Oreos</title>
    <link href="https://comicss.art/comics/210" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/210/oreo.html"/>
    <id>https://comicss.art/comics/210</id>
    <updated>2025-09-19T00:00:00Z</updated>
    <summary>New Cartoon: Background-Repeat Oreos</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/210/oreo.png" alt="background-repeat with oreos: no-repeat only has one cream at the top and the text ORE O; repeat has 2.5 creams and the text ORERERO; round has two creams but larger than usual and the text OREEREEO; space has two creams with a gap in between and the text ORE REO" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Two CSS properties walk into a bar...</title>
    <link href="https://comicss.art/comics/211" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/211/two-properties-walk-into-a-bar.html"/>
    <id>https://comicss.art/comics/211</id>
    <updated>2025-09-22T00:00:00Z</updated>
    <summary>New Cartoon: Two CSS properties walk into a bar...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/211/two-properties-walk-into-a-bar.png" alt="Comic with 4 panels in a 2x2 grid titled 'Two CSS properties walk into a bar...' Two characters tagged 'display' and 'flex' are talking while talking: 'I don't know... are you sure it will be Ok?', 'Of course! Whatever you heard, it's just an urban legend. Nothing to worry about.' and get inside a bar. Meanwhile in a different part of town, in a different bar, a big noise happen, the barman looks over the counter to a customer on the floor (off panel) 'Sir, are you ok?' and the person replies 'What the **** did just happen?'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>azimuth</title>
    <link href="https://comicss.art/comics/212" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/212/azimuth.html"/>
    <id>https://comicss.art/comics/212</id>
    <updated>2025-09-29T00:00:00Z</updated>
    <summary>New Cartoon: azimuth</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/212/azimuth.png" alt="comic with 4 panels showing a man and a woman talking. He asks 'Hey, Jill! Do you remember the name of the CSS property used to set the direction of sound sources in audio playback?' She replies 'Azimuth', and he quickly answers 'Bless you!' There's an awkward silence, and to her despair, he says 'But, really, do you remember the name of the CSS property used to set the direction of sound sources in audio playback?'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>October 1st</title>
    <link href="https://comicss.art/comics/213" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/213/october.html"/>
    <id>https://comicss.art/comics/213</id>
    <updated>2025-10-01T00:00:00Z</updated>
    <summary>New Cartoon: October 1st</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/213/october.png" alt="cartoon with two panels. The first one is titled September 30 and shows the CSS logo with kawaii eyes and a big smile over a colorful background. The second one is titled October 1 and shows the CSS logo in dark colors with eerie eyes, fangs, and horns over a gray background" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Skeletons</title>
    <link href="https://comicss.art/comics/214" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/214/skeletons.html"/>
    <id>https://comicss.art/comics/214</id>
    <updated>2025-10-05T00:00:00Z</updated>
    <summary>New Cartoon: Skeletons</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/214/skeletons.png" alt="Comic with 4 panels in a 2x2 grid titled Spooktober. Two skeletons talk to each other: - Cool! We are skeletons! - *sigh* ...It's just as I suspected... - That the author was going to draw us as something spooky for October of for Halloween? - No! That the comic author is an idiot that doesn't know how to draw skeletons! We look like monkeys! The footer of the comic has the text: comiCSS a comic coded in CSS by Alvaro 'doesn't-know-how-to-draw-skeletons' Montoro" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>One Last PR</title>
    <link href="https://comicss.art/comics/215" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/215/one-last-pr.html"/>
    <id>https://comicss.art/comics/215</id>
    <updated>2025-10-06T00:00:00Z</updated>
    <summary>New Cartoon: One Last PR</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/215/one-last-pr.png" alt="comic strip with two panels showing a man in front of a computer 'I still have time for one more PR. Steve said he just updated some classes.' The next panels shows an old man in front of the same computer 'It has been 30 years... still one class to go... damn you Steve... Damn you Tailwin!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Midlife Crisis</title>
    <link href="https://comicss.art/comics/216" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/216/midlife-crisis.html"/>
    <id>https://comicss.art/comics/216</id>
    <updated>2025-10-13T00:00:00Z</updated>
    <summary>New Cartoon: Midlife Crisis</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/216/midlife-crisis.png" alt="comic with 4 panels in a 2x2 grid titled Midlife Crisis. Two characters speak: - We have a problem with Steve! - What is it? - He is going through a midlife crisis... - Oh no! Did he buy a motorbike? - No. worse! - A speedboat? - Way worse! - Oh, no! Please tell me it's not... - Sadly, yes! - Really? Again??. The last panel shows a character (Steve) typing in a computer while someone off-panel says: He is building a new JS framework?!" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>No Trespassing</title>
    <link href="https://comicss.art/comics/217" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/217/no-trespassing.html"/>
    <id>https://comicss.art/comics/217</id>
    <updated>2025-10-20T00:00:00Z</updated>
    <summary>New Cartoon: No Trespassing</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/217/no-trespassing.png" alt="Comic with 4 panels in a 2x2 grid titled The Sign. Two people are talking: - I haven't seen any solicitors lately. It's really nice. - Yes. None since I put the sign at the gate. - What sign? asks the first person surprised. The last panel is a drawing of a fence with a sign: No Trespassing. Violators will be forced to code using TailwindCSS" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Latibulate</title>
    <link href="https://comicss.art/comics/218" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/218/latibulate.html"/>
    <id>https://comicss.art/comics/218</id>
    <updated>2025-10-22T00:00:00Z</updated>
    <summary>New Cartoon: Latibulate</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/218/latibulate.png" alt="latibulate (verb, archaic) to position oneself in a safe place, like a corner, to avoid reality or difficult conditions. .latibulate { position: fixed; bottom: 0; right: 0; scale: 0.5; }" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Guess The Movie</title>
    <link href="https://comicss.art/comics/219" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/219/guess-the-movie.html"/>
    <id>https://comicss.art/comics/219</id>
    <updated>2025-10-27T00:00:00Z</updated>
    <summary>New Cartoon: Guess The Movie</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/219/guess-the-movie.png" alt="A cartoon character indicatng that today is not a comic but a CSS game, and to click on view source with the link" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Word Association</title>
    <link href="https://comicss.art/comics/220" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/220/word-association.html"/>
    <id>https://comicss.art/comics/220</id>
    <updated>2025-11-03T00:00:00Z</updated>
    <summary>New Cartoon: Word Association</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/220/word-association.png" alt="3 cartoons associating regular words with CSS properties, and applying them in the cartoon itself. City turns into Opacity:0.3, and it has a city that fades out. Hens turns into hyphens:auto, and a list of chickens break between lines with hyphens (cutting some in half). Ape turns into shape-outside:url(--head), it has a monkey with text that wraps around its head." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Cookie Jar</title>
    <link href="https://comicss.art/comics/221" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/221/cookie-jar.html"/>
    <id>https://comicss.art/comics/221</id>
    <updated>2025-11-10T00:00:00Z</updated>
    <summary>New Cartoon: Cookie Jar</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/221/cookie-jar.png" alt="comic strip with 3 panels. The Tailwind logo is asking for help because it has its hand stuck in a jar labelled 'class names'. Someone off-panel says that it could get the hand out if it dropped all the classes and get only one, and how it could make it if it applied itself. In the last panel the Tailwind logo goes back to complaining about having the hand stuck and people not helping." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Toggle Switches</title>
    <link href="https://comicss.art/comics/222" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/222/toggle-switches.html"/>
    <id>https://comicss.art/comics/222</id>
    <updated>2025-11-17T00:00:00Z</updated>
    <summary>New Cartoon: Toggle Switches</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/222/toggle-switches.png" alt="comic with 6 panel, two toggle switches (one on the other off) with eyes and legs are chilling, when the active gets an idea 'let's prank an HTML element!' The other toggle is not into it, so the first ne taps on it, activating it from off to on. The newly on-toggle enthusiastically exclaims It's on! Let's do this!" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Unfinished Projects</title>
    <link href="https://comicss.art/comics/223" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/223/unfinished-projects.html"/>
    <id>https://comicss.art/comics/223</id>
    <updated>2025-11-24T00:00:00Z</updated>
    <summary>New Cartoon: Unfinished Projects</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/223/unfinished-projects.png" alt="comic with two panels. In the first one, a ghost says Remember: if you don't want to end up a ghost like me, don't abandon anything halfway or leave unfinished projects behind! In the second panel, two people with a DEV tag say 'Oh fuck!'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Neapolitan</title>
    <link href="https://comicss.art/comics/224" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/224/neapolitan.html"/>
    <id>https://comicss.art/comics/224</id>
    <updated>2025-12-01T00:00:00Z</updated>
    <summary>New Cartoon: Neapolitan</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/224/neapolitan.png" alt="The Ice-Cream Web Stack: a neapolitan ice cream with arrows pointing to the chocolate, vanilla, and strawberry. JavaScript is chocolate: Rich, versatile, and everywhere. You cannot avoid it. It comes in many flavors, and people have very strong opinions about each one. HTML is vanilla: The structural backbone of the web. It may seem plain, but it is essential, reliable, and pairs with everything. CSS is strawberry: The color and creativity. It adds personality, style, and makes everything look (and taste) better." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Elf on the Shelf</title>
    <link href="https://comicss.art/comics/225" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/225/elf-on-the-shelf.html"/>
    <id>https://comicss.art/comics/225</id>
    <updated>2025-12-11T00:00:00Z</updated>
    <summary>New Cartoon: Elf on the Shelf</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/225/elf-on-the-shelf.png" alt="Cartoon with a toy elf next to a square over a pot lid, and the text: You know Elf on the Shelf... now discover Grid on a Lid" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Santa's Cookies</title>
    <link href="https://comicss.art/comics/226" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/226/santas-cookie.html"/>
    <id>https://comicss.art/comics/226</id>
    <updated>2025-12-15T00:00:00Z</updated>
    <summary>New Cartoon: Santa's Cookies</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/226/santas-cookie.png" alt="cartoon with two panels showing Santa Claus holding a cookie. In the first panel he looks happy and says 'This is how a web developer gets into the nice list!' and the code on the cookie is CSS: '#Santa .cookie { scale: 1.5 }'. In tthe second panel he looks angry and says '...And this is how they end in the naughty list!!' The cookie has some JS code: document.cookie = session_token=secretvalue;path=/" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Centering a Div</title>
    <link href="https://comicss.art/comics/227" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/227/centering-a-div.html"/>
    <id>https://comicss.art/comics/227</id>
    <updated>2025-12-15T00:00:00Z</updated>
    <summary>New Cartoon: Centering a Div</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/227/centering-a-div.png" alt="comic with 4 panels in a 4x4 grid showing two characters: one sitting down in front of a computer and the other one looking over her shoulder. In the first panel, the person standing says 'Wow! That CSS Art is great! ...But can you center a div?' Annoyed the person sitting down waits until he leaves and says 'He's always making fun of CSS, and playing that silly joke about centering a div... I know! I'll write the ultimate guide to centering with CSS!' and later 'Done! 58 different ways to center a div in CSS: using a grid, with flex, another grid method, the old table-cell, the newer align-content, that trick Temani showed... All verified and working cross browser... Hey John! Come check this out!' He comes back and in a similar way to the first panel, he says 'Wow! That CSS article is great! ...But can you center a div?' while the sitting character looks really annoyed." /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>DNA Test</title>
    <link href="https://comicss.art/comics/228" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/228/dna-test.html"/>
    <id>https://comicss.art/comics/228</id>
    <updated>2025-12-29T00:00:00Z</updated>
    <summary>New Cartoon: DNA Test</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/228/dna-test.png" alt="comic strip with two panels showing two characters. The first one says 'I took one of those DNA tests that tells you about your ancestry.' The other character replies 'Oh, really? How did it go?' The first one answers 'I am 50% CSS, 40% HTML, and 8% JavaScript...' and whispers '...and 2% tailwind...'" /></p>
      </div>
    </content>
    <rights>Copyright 2025 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>New Year's Resolutions</title>
    <link href="https://comicss.art/comics/229" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/229/new-year-resolutions.html"/>
    <id>https://comicss.art/comics/229</id>
    <updated>2026-01-02T00:00:00Z</updated>
    <summary>New Cartoon: New Year's Resolutions</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/229/new-year-resolutions.png" alt="Comic with 4 panels in a 2x2 grid showing two characters speaking. Person 1: hey! what do you have there? Person 2 (holding a paper): Oh, this? It's a list with my New Year's resolutions. Last year's were unrealistic, but I a positive this year they'll be much better. Last panel is a close up of the paper showing the resolutions for 2025 (crossed out): 1325x845, 750x150, 431x999. And the resolutions for 2026: 1920x1080, 3840x2160, 768x1024, 2560x1440... and someone off-panel says 'Yes, these are better!'" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Monster Movie Auditions</title>
    <link href="https://comicss.art/comics/230" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/230/monster-movie-auditions.html"/>
    <id>https://comicss.art/comics/230</id>
    <updated>2026-01-05T00:00:00Z</updated>
    <summary>New Cartoon: Monster Movie Auditions</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/230/monster-movie-auditions.png" alt="comic with 4 panels in a 2x2 grid titled 'monster movie auditions' showing Frankenstein's monster roaring, an alien speaking alienese, the devil saying 'I am here for your soul', and a regular person saying 'I use div as buttons'" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Accordions</title>
    <link href="https://comicss.art/comics/231" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/231/accordions.html"/>
    <id>https://comicss.art/comics/231</id>
    <updated>2026-01-12T00:00:00Z</updated>
    <summary>New Cartoon: Accordions</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/231/accordions.png" alt="why was the web developer afraid of accordions? because the devil is in the details (and a cartoon of the devil with a pitchfork coming out of a web accordion/details)" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Wizard of UX</title>
    <link href="https://comicss.art/comics/232" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/232/wizard-of-ux.html"/>
    <id>https://comicss.art/comics/232</id>
    <updated>2026-01-19T00:00:00Z</updated>
    <summary>New Cartoon: The Wizard of UX</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/232/wizard-of-ux.png" alt="Minimalistic cartoon with the main character from the Wonderful Wizard of Oz stating what they want from the wizard: a lion wants courage, a scarecrow wants a brain, a tin woodman wants a brain, and the girl Dorothy wants 'web developers who care about accessibility'" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Somewhere, Someone</title>
    <link href="https://comicss.art/comics/233" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/233/somewhere-someone.html"/>
    <id>https://comicss.art/comics/233</id>
    <updated>2026-01-26T00:00:00Z</updated>
    <summary>New Cartoon: Somewhere, Someone</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/233/somewhere-someone.png" alt="comic strip with 4 panels in a 2x2 grid showing a character that says 'somewhere right now... someone online... is creating an amazing demo. [looking to the reader] ...And I can't wait to see it!'" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Create Your Own Web Development Conspiracy</title>
    <link href="https://comicss.art/comics/234" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/234/webdev-conspiracy.html"/>
    <id>https://comicss.art/comics/234</id>
    <updated>2026-02-01T00:00:00Z</updated>
    <summary>New Cartoon: Create Your Own Web Development Conspiracy</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/234/webdev-conspiracy.png" alt="Mad lib game to create your own web development theory. Pick your birthday month from the first column, your favorite color from the second column, and your first initial from the third column, then check what conspiracy theory you came up with. You will need to visit the demo page to review all the options." /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Groundhog Day</title>
    <link href="https://comicss.art/comics/235" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/235/groundhog-day.html"/>
    <id>https://comicss.art/comics/235</id>
    <updated>2026-02-02T00:00:00Z</updated>
    <summary>New Cartoon: Groundhog Day</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/235/groundhog-day.png" alt="Illustration of a groundhog in kawaii style with the text 'If Phils sees his shadow... six more Tailwind classes!'" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Biblically Accurate CSS</title>
    <link href="https://comicss.art/comics/236" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/236/accurate-css.html"/>
    <id>https://comicss.art/comics/236</id>
    <updated>2026-02-03T00:00:00Z</updated>
    <summary>New Cartoon: Biblically Accurate CSS</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/236/accurate-css.png" alt="The new CSS logo (a purple square with rounded corners and the letters CSS at the bottom right) with 6 wings and 11 eyes." /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Comics in CSS</title>
    <link href="https://comicss.art/comics/237" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/237/comics-in-css.html"/>
    <id>https://comicss.art/comics/237</id>
    <updated>2026-02-09T00:00:00Z</updated>
    <summary>New Cartoon: Comics in CSS</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/237/comics-in-css.png" alt="cartoon with 4 panels in a 2x2 grid showing two people talking. One says 'I am coding a new comic with CSS' The other one replies surprised 'Why with CSS? Won't it look terrible?' and the first one comes back with 'It probably will. But, who cares? Have you seen what's out there now?' Then both smile big while looking outside towards the reader." /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>CSS Gnomes</title>
    <link href="https://comicss.art/comics/238" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/238/css-gnomes.html"/>
    <id>https://comicss.art/comics/238</id>
    <updated>2026-02-16T00:00:00Z</updated>
    <summary>New Cartoon: CSS Gnomes</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/238/css-gnomes.png" alt="Drawing of two group of angry-looking gnomes arguing with each other. One side has hats with circles, the other side has hats with lines and they 'fight' about circles or lines. One of the gnomes with lined hat, his lines are not straight but slightly curved. The drawing has the text 'Little did the CSS gnomes know, there was a spy among them...'" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>10,000 Steps</title>
    <link href="https://comicss.art/comics/239" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/239/10000-steps.html"/>
    <id>https://comicss.art/comics/239</id>
    <updated>2026-02-23T00:00:00Z</updated>
    <summary>New Cartoon: 10,000 Steps</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/239/10000-steps.png" alt="comic with 4 panels in a 2x2 grid showing a sleepy CSS logo yawning and saying '5:30am! Time to rise and shine and exercise', the there's some CSS code: 'animation: 1s exercise steps(10000, end);', then the CSS logo looks like running and the last panel is a close up of the podometer: 10000 steps, no minutes of exercise, and it is 5:31am." /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Pearly Gates</title>
    <link href="https://comicss.art/comics/240" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/240/pearly-gates.html"/>
    <id>https://comicss.art/comics/240</id>
    <updated>2026-03-02T00:00:00Z</updated>
    <summary>New Cartoon: Pearly Gates</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/240/pearly-gates.png" alt="Cartoon with two people at the gates of Heaven. One is checking a list saying 'Sorry, but web developers' admission is now inversely proportional to their number of HTML classes.' The other person looks concerned while wearing a t-shirt with the Tailwind logo. Off-panel, someone with a red hand holding a pitchfork says 'You are coming with me, buddy!'" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Perfect CSS Stylesheet Should Be...</title>
    <link href="https://comicss.art/comics/241" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/241/the-perfect-css-stylesheet-should-be.html"/>
    <id>https://comicss.art/comics/241</id>
    <updated>2026-03-16T00:00:00Z</updated>
    <summary>New Cartoon: The Perfect CSS Stylesheet Should Be...</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/241/the-perfect-css-stylesheet-should-be.png" alt="The perfect CSS stylesheet should be... Visible as display:none; Clear as filter:blur(50px); Sharp as image-rendering:pixelated; Always on top as z-index:-1; Actionable as pointer-events:none; Dynamic as animation-play-state:paused; Fast as animation-delay:1000s; Consistent as order:random(1,999); Restrained as overflow:visible; All-round as border-radius:0; Straight as text-decoration-style:wavy; Readable as background:currentColor; Bold as font-weight:100; Maintainable as !important." /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>The Perfect CSS Stylesheet Should Be... (v2)</title>
    <link href="https://comicss.art/comics/242" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/242/the-perfect-css-stylesheet-should-be-2.html"/>
    <id>https://comicss.art/comics/242</id>
    <updated>2026-03-16T00:00:01Z</updated>
    <summary>New Cartoon: The Perfect CSS Stylesheet Should Be... (v2)</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/242/the-perfect-css-stylesheet-should-be-2.png" alt="The perfect CSS stylesheet should be... Visible as display:none; Clear as filter:blur(50px); Sharp as image-rendering:pixelated; Always on top as z-index:-1; Actionable as pointer-events:none; Dynamic as animation-play-state:paused; Fast as animation-delay:1000s; Consistent as order:random(1,999); Restrained as overflow:visible; All-round as border-radius:0; Straight as text-decoration-style:wavy; Readable as background:currentColor; Bold as font-weight:100; Maintainable as !important." /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Hopscotch</title>
    <link href="https://comicss.art/comics/243" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/243/hopscotch.html"/>
    <id>https://comicss.art/comics/243</id>
    <updated>2026-03-23T00:00:00Z</updated>
    <summary>New Cartoon: Hopscotch</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/243/hopscotch.png" alt="cartoon with two tall panels diplaying an aereal view of a kid next to a hopscotch game drawn on the ground. Both panels have some CSS code that make the hopscotch a flex display. In the first panel, the CSS has align-items:center and all the numbers are together as they'd be in a traditional hopscotch game. In the second panel, the CSS selector is .hopscotch.expert-mode and it has align-items:space-between, so all the rows of numbers are widely separated." /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
  <entry>
    <title>Setting Aside Differences</title>
    <link href="https://comicss.art/comics/244" />
    <link rel="alternate" type="text/html" href="https://comicss.art/comics/244/common-enemy.html"/>
    <id>https://comicss.art/comics/244</id>
    <updated>2026-03-30T00:00:00Z</updated>
    <summary>New Cartoon: Setting Aside Differences</summary>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p><img src="https://comicss.art/comics/244/common-enemy.png" alt="comic with 4 panels in a 2x2 grid, two characters are arguing and getting more and more confrontational about grid or flexbox, then a third character pops in and suggest float:left, and the two characters unite to beat the third character" /></p>
      </div>
    </content>
    <rights>Copyright 2026 Alvaro Montoro</rights>
    <author>
      <name>Alvaro Montoro</name>
      <email>alvaromontoro@gmail.com</email>
      <uri>https://alvaromontoro.com</uri>
    </author>
  </entry>
</feed>
