Shripal Soni

Simplify long CSS selectors using :where() 👇

You may not know that we can quickly change CSS color format using this one shortcut in Chrome Dev Tools ✨👇 Also, when you hover over any color format other than hex, it shows the color value in hex for quick copying.

@akoratana @matei_zaharia @pbailis @rauchg @zoink @drewhouston 100X

Introducing: PlayerZero The world's first Engineering World Model that puts debugging, fixing, and testing your code on autopilot. We've raised $20M from Foundation Capital, @matei_zaharia (Databricks), @pbailis (Workday), @rauchg (Vercel), @zoink (Figma), @drewhouston (Dropbox), and more PlayerZero frees up 30% of your engineering bandwidth by: 1.⁠ ⁠Finding the root cause for bugs & incidents in minutes that engineering teams take days to identify. 2.⁠ ⁠Predicting in minutes, edge case issues that a 300-person QA team would take weeks to find. ------ Here's why this matters: No one in your org has a complete picture of how your production software actually behaves. Support sees tickets. SRE sees infra. Dev sees code. Each team builds their own fragmented view - and none of these systems talk to each other. When something breaks, everyone scrambles to stitch the picture together by hand. PlayerZero connects all of it into a single context graph - → The Slack thread where your lead said "we went with X because Y fell apart in prod last time" → The PR review where an engineer explained the tradeoff → The lifetime history of your CI/CD pipeline, observability stack, incidents, and support tickets So you can trace any problem to its root cause across every silo. And it compounds. Every incident diagnosed teaches the model something new. The longer it runs, the deeper it understands - which code paths are high-risk, which configurations are fragile, which changes tend to break which customer flows. So when you sit down to debug a live issue, you have your entire org's collective reasoning and production memory behind you - instantly. ------ Zuora, Georgia-Pacific, and Nylas have reduced resolution time by 90% and caught 95% of breaking changes and freeing an average of $30M in engineering bandwidth. ------ Our guarantee: If we can't increase your engineering bandwidth by at least 20% within one week, we'll donate $10,000 to an open-source project of your choice. Book a demo - bit.ly/3NlLMeN

We can now easily create keyboard-friendly popovers natively. No javascript needed! 🤩👇

@AbelardoIT Yes, ofc 💯

@codewithshripal It's a good option when this message is addressed to a dev channel to be inspected by the team. I think is a bad idea when this message is sent to the front to be displayed.

For better debugging, attach the original error as `cause` when rethrowing an error ✅

Here is the editable code playground to see it in action 👇 codewithshripal.com/playground/css…

Easily customise underline thickness without affecting layout using `text-decoration-thickness` in CSS ✨

@TheMattBerman @openclaw @boringmarketer @virlomain VIEWS

this @openclaw agent replaced my $8K/month content strategist for $30 😱 i'll show you EXACTLY how to build it live with @boringmarketer vibe marketers. here's the system: step 1: scan 1000s+ creators for outlier signals → @virlomain watches your niche 24/7 → it finds outlier videos that beat the creator's OWN average by 10x-50x. → last week it flagged a 51x outlier. 4,800 avg views. one video: 249,000. step 2: pull the raw evidence → @adrian_horning_ 's ScrapeCreators fetches the full package → thumbnail, caption, stats, creator context → this gives the AI everything it needs to analyze. step 3: break down WHY it worked (7 dimensions) → Content DNA runs each video through Gemini 3 Flash via @OpenRouterAI → topic, angle, hook structure (visual + text + spoken), story beats, visual format, key visuals, audio → the output is a "brick." the portable structure that made people stop scrolling. step 4: rank the reusable bricks → @openclaw compares all 10 breakdowns → scores each brick by portability and frequency → bricks showing up across 3+ creators = highest confidence bets step 5: generate 10 concepts in your voice + 3 psychology frameworks → learns your voice so output sounds like you → then runs every concept through Puppet Strings (desire), Scroll Traps (attention), and Care to Click (action) → you hit emotion and desire. not just features. every hook is copy-paste ready. step 6: delivers 10 concepts every monday at 8am → cron runs the whole pipeline overnight → pick 3. film. post. done. input: your niche output: 10 proven content concepts every monday a GOOD content strategist costs $8-10K/month. this runs for ~$30/month in API costs. on march 12, me and @boringmarketer vibe marketing community are building this system live: - brand voice file - content radar scanning your niche - content DNA breaking it down - weekly cron, scheduled and firing you leave with a running system (not a repo to figure out later) comment VIEWS + like + follow (must follow so i can DM you the link to join)

Ensure links in body text stand out clearly for better accessibility ✅

Keep an element visible but completely non-interactive with a single HTML attribute: inert ✨

You may not know that we can easily inspect elements that disappear on loss of focus using Chrome Dev Tools 🤩👇

📝 Note: scheduler.yield() is supported in all modern browsers except Safari. A polyfill is available ✅

Break long tasks and improve INP using scheduler.yield() 🤩👇

Shipping large images to small screens hurts performance. Load images based on viewport size using `srcset` and `sizes` ✅

Shorter and cleaner way to log multiple values to the console 👇

Don't forget to give an accessible name to icon-only links for better web accessibility ✅

Code playground to see it in action 👇 codewithshripal.com/playground/css…

Easily make dropdown menu keyboard-friendly using CSS 🤩👇