|
✨ The Latest from Google I/O
Google's annual I/O developer conference is taking place this week (if you see Peter say hi!) — and so far we've had sessions on AI, AI, AI, oh and some cloud, and Web platform stuff too. Here's what you need to know so far, and I imagine we'll have more to share next week too:
|
|
▶ Google I/O 2025: Developer Keynote — The main developer focused update from I/O (1 hour 10 mins) with updates and demos aplenty at how Google’s Gemini can help with web development (and more).
Josh Woodward and others
|
|
What's New in Web — In addition to the livestream above Rachel has also put together a blog with the biggest announcements — Baseline, CSS features, Core Web Vitals, and more.
Rachel Andrew
|
|
|
📙 Articles, Opinions & Tutorials
|
|
Creating Blob Shapes using clip-path: shape() — Another cool tutorial from Temani, this time looking at how we can use the shape() function to create gooey, weird blob shapes that you can fill with a background image, and even animate.
Temani Afif
|
|
Accessibility in HTML Emails Remains Critically Under-addressed in 2025 — The Email Markup Consortium recently released a fresh study on accessibility in HTML emails, looking at over 400,000 emails. The takeaway? Well, there’s disappointment “to see the same issues as we have in previous years”, but a note that “frameworks and drag-and-drop tools are uniquely positioned to raise the accessibility baseline”.
Email Markup Consortium
|
|
CSS Snippets — Jeremy shares a handful of helpful little CSS tidbits and features that he often uses — you may want to drop them into your project too.
Jeremy Keith
|
|
▶ Flexible Wrapping CSS Grid — Create a flexible CSS Grid with a varying number of items that expands, shrinks, and wraps to accommodate the number of items that can fit in one grid row. A quick CSS tip well explained in this ~4 minute video.
Zoran Jambor
|
|
"We Launched Our First Shopify Theme" — Sure, it’s an update about a new, paid theme, but it’s also an interesting blog post (with a rad design) about what goes into actually building such a thing.
Nic Chan
|
|
🧰 Tools, Code & Resources
|
|
Datastar: The Hypermedia Framework — Datastar claims to offer the power of Alpine.js and htmx in one smaller library. It embraces data-* HTML attributes (thus the name), signals, and SSE events, really embracing the hypermedia concept.
Star Federation
|
|
jsPad: A Modern Playground for Writing and Testing JavaScript, TypeScript, HTML, and CSS — Same idea as CodePen, JSFiddle, et al, and you can initiate a project via a template from a variety of technologies (JS, TS, React, Tailwind, Vue, Svelte, and even Web Components).
jsPad
|
|
