Rob DiMarzo

Ever wonder how hex colors work? Explore how 6 lil numbers and letters work together to create color with HEXplorer @CodePen ! ✨ codepen.io/robdimarzo/pen…

thursdays are for topography experiments

@round never heard of it

imagine, if you will, a website

@joshuawolk Love it! Now add the Amtrak barreling in like a bassoon

i gave every train in new york an instrument 🎧 sound on trainjazz.com

@rita_codes @MUI_X_ @MUI_hq Looks incredible! Great work 🙌

We’ve been cooking something… Here it is! ✨ mui.com/x/react-schedu… #scheduler #mui #react

I don't think we're ready for an explosion of in-browser text effects like this

@sarah_edo Congrats Sarah! Sounds like a super exciting role!

📣 After nearly 5 fulfilling years leading Core infrastructure organizations for Google, I’m thrilled to share that I’ve taken on a new role! I’m going back to IC work as a Distinguished Engineer- my new role is in Chrome as Area Tech Lead, AI Web Ecosystem! 💥 The rise of AI is driving a fundamental sea change in web architecture. While this era promises immense innovation, it demands rigorous focus on security, privacy, and user observability. AI is a technology. It must be integrated with the same deliberate care as the major technological shifts that preceded it. In this new role, I’ll be working alongside world-class colleagues to redefine the web platform for an AI-first runtime. My mission is to architect a composable web that enables safe, standardized, and mutually beneficial interactions between creators, users, and AI agents. With this transition, I am moving from leading large organizations back to the IC track. I’ve swung this "managerial pendulum" several times in my career, and I’m energized to return to deep technical work at a moment that so clearly demands it. I'm also excited to be working with/for web legends like @laparisa @jimbankoski @paul_irish @RickByers @Paul_Kinlan @groby @mathias @bmeurer @fractorious and so many more! 💥

CSS Subgrid is now Baseline Widely Available across all major engines → goo.gle/4lOlLRL It allows nested elements to inherit and align with their parent’s grid tracks, ensuring perfect alignment across complex layouts without manual sizing hacks.

Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG 🎨 ╬ Boolean ops ◮ Oblique & perspective 𝑥 Zero dependencies ◌ Pure vector output, infinite scaling Named after Erwin Heerich's geometric cardboard sculptures.

`border-shape` can handle both insets and outsets, so you can do effects like this chevron nav (corner-shape can't do both). This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap.

Wild how far you can push "customizable select" with just #CSS

This border-radius transition 🤌🏽 Believe it or not, it's just CSS.

Excited to share something I've been working on. 3 years of color tools. 2 months building this. Supa Colors generates palettes where every shade looks balanced — visually, not just mathematically. Really proud of it. 🔗 supacolors.studio

People are debating the masonry layout, and I'm creating strange layouts. A Pyramidal Grid of Hexagon Shapes! 👀 css-tip.com/pyramidal-grid/ A fully responsive implementation powered by modern CSS and no media queries.

@jh3yy Absolutely! You are an artisan in world of preassembled furniture, but that doesn’t mean there isn’t a need for hand crafted UI from the heart.

do wonder if developer education is still worth pursuing caught in a space where questioning if "craft of ui" is worth continuing are people still interested in how to prototype? how to think through problems? or would they rather just prompt it all?

Check out my abs

I'm back with a new pocket guide - 10 principles for better design critique. I've sat in hundreds of design crits over 30+ years as a designer. These are tried and true. Hemeon’s Pocket Guide to Design Critique 01 / Same Team, Same Goal Critique is not a courtroom. It’s a shared effort to make the work better. The enemy is unclear thinking, weak craft, and lazy solutions. If it feels like combat, the culture is broken. 02 / Safety Is the Container People don’t risk honesty when they feel exposed. They perform. They defend. They shrink. Strong critique only happens inside trust. Tend the room before you touch the work. 03 / Honesty Without Harm Truth matters. So does delivery. Say the real thing, cleanly. You can be direct without being destructive. If people leave wounded instead of clearer, the moment failed. 04 / Critique the Artifact, Not the Human The work is not the person. The draft is not the designer. Speak to flows, clarity, and decisions. The moment feedback touches identity, growth stops. 05 / Don’t Break the Good, While Fixing the Bad. You can’t improve what you don’t yet understand. Naming strengths is not politeness. It’s precision. It tells the designer what to protect while they evolve. 06 / Taste Without Reason Is Noise “I don’t like it” is not critique. It’s mood. Real feedback anchors to users, goals, systems, constraints, or craft. If you can’t explain why, it’s preference. 07 / Turn Reactions Into Direction “Confusing” is a feeling, not feedback. Do the extra work. Translate reactions into requests. Direction moves the work forward. Vibes do not. 08 / Context Comes Before Solutions If you don’t understand the intent, you’re solving the wrong problem. Ask first. What’s the goal? What’s fixed? What’s fragile? Critique without context is theater. 09 / All Notes Are not Equal. A bug demands attention. A preference does not. When you label feedback clearly, the team can prioritize without emotional confusion. 10 / Many Voices, One Owner Choose a clear owner. 
Without ownership, critique becomes endless discussion. Thank you for reading. Drop a comment on the best tips you have for running a design crit. Would love to hear your ideas!

long overdue but finally added responsive scaling to the svg marquee on fancy

Nice way of explaining product design as a stack of decisions built on top of a stack of knowledge 👇 Easy way to check if you have a solid foundation for your project or if you have uncertainty in a layer. jamiemill.com/blog/2021-07-1… By Jamie Mill

Use `overscoll-behavior-x: none` when building ui with side scroll behavior to avoid browser's built in back page behavior.