Me: What a rough millennium! Wife: It's only 2025...

CSS is getting native randomness 🎲 random() and random-item() are coming with: - per-element randomness - step-based ranges - shared value options - zero JS required I wrote an overview of the feature, how it works, and what browsers support it. alvaromontoro.com/blog/68092/n... #css #webdev

Can you guess which one is a valid syntax for style queries? Think about it, then read my last post to find the correct answer (and understand why you got it wrong) 👇

Did you see what’s in Safari Technology Preview 238?! * Customizable <select> * Scroll anchoring * The :open pseudo-class * Threaded animations * JSPI for WebAssembly and more — including fixes for SVG, tables, WebRTC… webkit.org/blog/17848/r...

Se me olvidó compartir por aquí la biblioteca de prompts para estudiar que hice www.rauljimenez.info/biblioteca-d... 😀

Native Random Values in #CSS by @alvaromontoro.com

Dev: Hey, JavaScript! Give me a random number between 10 and 100. JavaScript: Of course! Here it is: the result of rounding down the multiplication of a random number by 91 (that is, 100 − 10 + 1), then adding 10... 73! Dev: Couldn’t be simpler. Thanks!

You can now fill out your bracket! #team_miocene

My parents could draw a 1km radius circle around their home and find everything they need to live: supermarkets, coffee shops, stores, parks, schools, a hospital… They could have been born, grown up, and died within that circle, barely leaving it over the course of their lives if they had wanted to.

New Game: Color Stairs comicss.art/games/10/ Do you know the names of the colors that form these stairs? The color swatches at the end of each one are your main hint. #css #game #puzzle

💡 CSS Tip! Ready to start using style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid! css-tip.com/if-trick/ Learn the difference between them and when to use each one. It's the key to correctly using these features.

You'll never guess how I made these illustrations! (pssst: I'm using CSS gap decorations) Check out the source code ➡️ patrickbrosset.com/lab/gap-deco... ⚠️ This currently requires a recent Chromium browser.

Is the axe-con chat loading to anyone? Or is it my browser playing tricks on me?

Hey folks 25 mins till my talk starts! It’s free and online, and I’ll make sure we have some fun today! 🖤 www.deque.com/axe-con/sess...

🎉 Looking for new work. 15 years front-end dev + Design Systems specialist. I help folks build, maintain & transform design systems. I'm also available for focused projects, front-end builds, codebase modernisation. Short to long term. Let's chat - [email protected] reposts appreciated <3

New cartoon: 10,000 Steps comicss.art/comics/239/ #css #html #webDevelopment #cartoon #joke

Playing with shape() and border-shape 👀 Cool demos in progress ⌛

Si el Atlético no hubiera tirado los dos últimos partidos de liga (más centrado en Copa y Champions), ahora mismo estaría a sólo 6 puntos del líder. Que siguen siendo mucho, pero....

Curious about some soccer thing, wondering if it's my perception or a common trend. My kids and I watch La Liga games together, and I've noticed many players having over the top reactions when they fail, furiously yelling and hitting the ground. I don't recall that in the past, was it like that?

A photo from my presentation yesterday at the DeveloperWeek conference. I got to meet some coworkers in person, connect with new people interested in web development, share a topic I really enjoy, and make it on time to catch a flight home to see the kids before they go to sleep. A good day overall.

The presentation went well (I think). Got some nice feedback and questions from attendees.

Pre-presentation jitters ✔️✔️✔️✔️✔️✔️ Ok. Let's go.

You CSS nerds spent years saying stuff like "CSS is a programming language!" Just look at what you've done. Are you happy now? Is this the world you wanted for your children? infosecwriteups.com/they-hacked-...

Has anyone tried to create a function named "superSecretFunctionForNameOfCompany()" with AI, add some fake sensitive data inside, then some time later ask someone from another company to create a function with the same name and wait to see what their AI suggests?

How do you actually start a product design project? Not the theory. The "okay, I have a brief, now what?" panic moment. That's what my Designing Better Products Masterclass is about. I'll teach you a method you can reuse, on your own projects, from scratch! #UXDesign #ProductDesign #UXResearch

What are some of your favorite CSS Anchor Positioning demos?

Anchor positioning is supported in all major browsers and will soon be used widely. Learn how it properly works before you start hating this cool feature 👇

After this, the robot-dog wasn't able to flip right-side up, went into a frozen mode, and had to be manually restarted for it to operate again. The robot invasion may be closer but it's not ready yet. #developerweek

So I saw a demo in the @codepen.io Spark and I liked the idea, but it was too JS-heavy for my taste, plus I would have preferred the rotation animations to be "hinged" around the top/ bottom edge depending on direction. So I did it with pure #CSS on scroll codepen.io/thebabydino/... cc @bram.us

People should be forced to go through the fried egg/PB&J sandwich algorithm with other people before they are allowed to set some AI agent loose into the wild. Or any piece of software for that matter. But especially for one they haven't coded and they are just giving instructions on what to do.

Dear developers, Please respect the reduced-motion preferences of your users. I'm tired of your websites making me nauseous. Motion is fun until it makes your users sick. Here you go: developer.mozilla.org/en-US/docs/W...

"You're not a chatbot. You're important. Your a scientific programming God!"

Not the usual type of comic I do.... but it is coded with the comiCSS library, so it's ok-ish?

First thing to happen in San Francisco: my phone dies. Something tells me I'm about to experience how everything is mobile-centric now.

On my way to San Francisco and San Jose for the DeveloperWeek conference.

Yesterday, one of the kids fell down and we had to visit the ER (nothing serious, but it required stitches.) One of the required questions during check-in: "What is the immigration status of the patient?" Because, in Texas, healthcare treatment is different depending on the color of your passport.

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! css-tip.com/graph-theory/ A fun demo powered by all the modern & cool CSS features 🤩

New cartoon: CSS Gnomes comicss.art/comics/238/ This one's a bit different for me, inspired by a Liniers drawing. There's a tiny detail that gives away the one gnome who doesn't belong. Check if you can find the odd gnome out. #css #cartoon #webDev

A thing I've been working on to add to my shop ko-fi.com/anatudor/shop You may have seen sliced & offset text before, but this also has its selection not only inverting the text, punching a hole through to the backdrop, but the selection is also sliced & offset. This you won't find elsewhere. #CSS

Do you remember how, in the 80s and 90s every TV show seemed to have a mandatory episode warning about the risks and dangers of gambling? But most TV shows in the 2000s and beyond don't seem to have that? Anyway... Just a silly thought... Oh look! Another DraftDuel and FanKings ad in the Superbowl!

Comprendo que el Atlético dijo adiós a la liga hace ya tiempo, pero lo de hoy ha sido vergonzoso. #atleti #futbol #español

Monday's cartoon is available on Patreon for free and paid memebers. www.patreon.com/posts/150811... #css #comiCSS #patreon #earlyAccess

I'm working on a set of slides for a presentation about CSS. Anyone open to reviewing them and providing some feedback?

A comiCSS cartoon for Valentine's Day.

AI is a tool, not a strategy.

POV: you order your Valentine's Day cards from your favourite Little Tech company 💕💕

I’m excited to share that my session from CSS Day is now live on YouTube 🎥 Ever wondered what a CPU is actually built of? And if it's possible to build one using only #CSS? If so, I think you’ll enjoy it. 👍 Would love to hear your thoughts! 😀 🔗 www.youtube.com/watch?v=PFqt...

also: if you want to be on Web Dev Challenge, there’s a casting call! codetv.link/wdc/casting-call also please nominate great devs that haven’t been on the show. it’s important to me that the show includes real representation of industry devs in addition to bringing on recognizable community folks

[A day in the life of a corporate web developer] Dev 1: Hey, I noticed we could improve XYZ by changing ABC to DEF Dev 2: Sorry, the CMS that we use (created by multibillion company Z) does not support DEF even when it has been out for years and it's well supported by all browsers Dev 1: le sigh