@comi_CSS

A webcomic about CSS. Coded in CSS. Created by @alvaro_montoro. Become a comiCSS patron! https://xitter.cf/t.co/Ja4sTlqyYU

 CSS
comicss.art
Joined February 2022
  • Tweets874
  • Following62
  • Followers642
306Media
Crisis de la mediana edad en programadores... 😁😁 By @comi_CSS
1
2
60
By @comi_CSS
1
2
46
14
181
6
1,564
69,640
Programadores Web y CSS. Confirmen.
Meme de programadores web sobre CSS. Al inicio, sin experiencia, te encanta CSS. Luego dice que sigas usando Frameworks o Tailwind. Y finalmente con más experiencia prefieres CSS plano.

ALT Meme de programadores web sobre CSS. Al inicio, sin experiencia, te encanta CSS. Luego dice que sigas usando Frameworks o Tailwind. Y finalmente con más experiencia prefieres CSS plano.

64
76
9
1,630
81,424
comicss retweeted
comicss@comi_CSS20 Jan 2025
Clearly photoshoped picture of a man holding an iphone with the browser open on the tailwindcss website. There's a popup message that reads: "Sorry, Tailwind is available right now. A law banning Tailwind has not been enacted. Unfortunately, that mens you can use Tailwind for now. We are fortunate that president Trump has indicated he will work on a solution to ban TailwindCSS once he takes office. Please stay tuned."

ALT Clearly photoshoped picture of a man holding an iphone with the browser open on the tailwindcss website. There's a popup message that reads: "Sorry, Tailwind is available right now. A law banning Tailwind has not been enacted. Unfortunately, that mens you can use Tailwind for now. We are fortunate that president Trump has indicated he will work on a solution to ban TailwindCSS once he takes office. Please stay tuned."

1
2
4
202
Is It “Frontend” or “Front End”?, by @[email protected]: frontenddogma.com/posts/2024…
1
1
1
119
1⃣ The winner is: my Collection of CSS-only Shapes 🏆 css-shape.com/ Single-element, modern CSS and minimal code. All the shapes are there, stop searching! As a bonus, I wrote a huge guide @smashingmag explaining most of the techniques I used smashingmagazine.com/2024/05…
6
15
1,208
Our Person of the Week is the Head of Design Systems at Nordhealth and author of various popular open source tools. Please give a warm round of applause for... Ariel Salminen! Thank you for everything you do for the community, dear @arielsalminen! #smashingcommunity
The Person of the Week is Ariel Salminen.

ALT The Person of the Week is Ariel Salminen.

2
10
5,501
comicss retweeted
comicss@comi_CSS6 Dec 2024
Amazing opportunity, if you asked me.
Screenshot of what looks like an Amazon listing of the book "How to Earn $1,000,000 with CSS" by Alvaro Montoro. The book is on sale for $999,999.99 (original listing was $1,000,000)

ALT Screenshot of what looks like an Amazon listing of the book "How to Earn $1,000,000 with CSS" by Alvaro Montoro. The book is on sale for $999,999.99 (original listing was $1,000,000)

2
6
225
CSS for detecting device posture 🥼 @​media (device-posture: folded) { h1 span { opacity: 0.25; } } some cool future opportunities 🤙
Seb ⚛️ ThisWeekInReact.com
@sebastienlorber26 Nov 2024
TIL about the DevicePosture API Useful to know from JS/CSS if a device is folded: "folded" | "continuous" W3C just moved this to Candidate Recommendation
43
228
42
2,525
154,438
comicss retweeted
comicss@comi_CSS11 Nov 2024
New comic: Hell comicss.art/comics/165/ #css #comic #html #accessibility #a11y
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, you are at the wrong desk, go upstairs and turn right' and guides him to a place called Double Hell

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, you are at the wrong desk, go upstairs and turn right' and guides him to a place called Double Hell

2
4
225
On a side note, have you used overflow-clip-margin before? In what use cases did you find it helpful?
1
6
1,185
💡 CSS Tip! Create a folded rectangle shape using a few lines of code ✅ Single element (no pseudo-element) ✅ Optimized with CSS variables ✅ Powered by CSS Mask Demo: codepen.io/t_afif/full/eYqQZ… via @CodePen
Overview of the CSS code from the linked demo

ALT Overview of the CSS code from the linked demo

3 different folded rectangle shapes

ALT 3 different folded rectangle shapes

1
7
1
31
6,063
💡CSS Tip! Do you know that text-indent can take an extra value "each-line"? It allows you to have an indentation after each line! Useful if you rely on "<br>" to add new lines. ⚠️ It has limited support. Only Firefox and Safari for now⚠️
p { text-indent: 1em each-line; }

ALT p { text-indent: 1em each-line; }

2
18
1
136
6,078
comicss retweeted
comicss@comi_CSS28 Oct 2024
And here's a classic alternative 😅
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 'invest in nft, use tailwind!'

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 'invest in nft, use tailwind!'

2
5
209
30 years ago, on Oct 10 1994, I first proposed CSS. It's been an adventure to see CSS as a baby, teenager, and aspiring professional. Sometimes misbehaved, but mostly a source of joy and excitement. w3.org/People/howcome/p/casc… @w3c @printcssrocks @WebDesignMuseum @prince_xml
20
98
11
542
41,436
Caspar David Friedrich's "Wanderer above the Sea of Fog." A Painting of a person on a high rock looking at a landscape of other mountains, clouds, and fog below. It has been modified to add some labels: - The rock where the wanderer is standing has HTML, CSS, and JavaScript - The first layer of clouds and fog have SASS, Angular, Vue, React, and Tailwind. The labels are slightly smaller and they are semi-transparent and blurry. - The first layer of clouds and fog (behind the first line of mountains) has Less, jQuery, and Bootstrap. The labels are even smaller and blurrier. - In the clouds in the far distance, in really blurry and almost transparent text: Backbone, Knockout, and Ember and mootools

ALT Caspar David Friedrich's "Wanderer above the Sea of Fog." A Painting of a person on a high rock looking at a landscape of other mountains, clouds, and fog below. It has been modified to add some labels: - The rock where the wanderer is standing has HTML, CSS, and JavaScript - The first layer of clouds and fog have SASS, Angular, Vue, React, and Tailwind. The labels are slightly smaller and they are semi-transparent and blurry. - The first layer of clouds and fog (behind the first line of mountains) has Less, jQuery, and Bootstrap. The labels are even smaller and blurrier. - In the clouds in the far distance, in really blurry and almost transparent text: Backbone, Knockout, and Ember and mootools

2
6
56
3,683
comicss retweeted
comicss@comi_CSS27 Sep 2024
A pensive Latin woman with the text "Thinks about CSS in Spanish"

ALT A pensive Latin woman with the text "Thinks about CSS in Spanish"

1
2
5
391
I wrote some more bad CSS-dad jokes... alvaromontoro.com/blog/68063… #css #webdev #humor

Bad CSS-Dad Jokes (II)

After the terrible reception great success of my first post with Bad CSS-Dad Jokes, I am here to torture entertain you with more terrible amazing CSS jokes. Enjoy! :: Blog post at Alvaro Montoro's...

alvaromontoro.com
1
1
1
10
3,949
I put a bunch of the CSS dad jokes together in a blog post. Including some CSS Art to go with them. alvaromontoro.com/blog/68060…

Bad CSS-Dad Jokes

As a dad who works with CSS, it was only a matter of time before I started cracking bad dad jokes about web development and CSS (isn't that what I've been doing all along?)A collection of terrible...

alvaromontoro.com
1
4
2
278
Load more