A webcomic about CSS. Coded in CSS. Created by @alvaro_montoro. Become a comiCSS patron! https://xitter.cf/t.co/Ja4sTlqyYU
- Tweets874
- Following62
- Followers642
- Likes538
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.
ALT Screenshot of CSS code: /* Simon.CSS */ * { animation: none !important; } @mixin --SimonSays (--action) { @result { animation: var(--action) !important; } }
ALT Screenshot of CSS code: /* Simon.CSS - Demo */ @keyframes spin { 0% { rotate: 0deg; } 100% { rotate: 360deg; } } /* does not spin */ .john { animation: spin 3s infinite; } /* spins */ .simon { animation: @apply --SimonSays(spin 3s infinite); }
ALT Roses are #ff0000. Violeta are #ee82ee. If you see them #0000ff, You may need glasses.
ALT Picture of a white room with a plant, and a clock on the wall. The clock is marking 10:10, and the face of the clock is a cartoon of a narwhal. The place where the tusk would go is the opening for the clock hands.
ALT Websites before semantic HTML5: <div> <div> <div> </div> </div> <div> <div> </div> </div> </div> <div> <div> <div> <div> <div> <div> </div> </div> <div> <div> </div> </div> </div> </div> </div> </div> <div> <div> <div> </div> </div> </div> Websites after semantic HTML5: <header> <div> <div> </div> </div> <div> <div> </div> </div> </header> <main> <div> <div> <div> <div> <div> </div> </div> <div> <div> </div> </div> </div> </div> </div> </main> <footer> <div> <div> </div> </div> </footer>
ALT Car mirror with the text "Objects in mirror are closer than they appear". There's a car in the mirror labelled "new attr()"
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."
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."
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.
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.
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.
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.