On July 4, 2007, Chris Coyier, a web designer, established the CSS-Tricks portal. The portal brings web designers daily news and tutorials from the world of web design. #WebDesignHistory

"I love the lyrics to this song. I think that this song has so much hope in it, but the hope never really becomes a boast." ~ Brandi Carlile youtu.be/hpX1hrDBDYM?...

Exploring the WordPress Cover Block: Parallax Scroll - The Cover Block can be used in a variety of ways to create attractive image or color areas with text overlays. In this tut, we’ll have some fun using Parallax Scrolls with Cover Blocks to animate section dividers.

Fun and engaging!

Bee Balm Quad (0907) - More of these fun, festive flowers in our backyard garden, tended by Peggy. buff.ly/4riRz24 • Reproduced on cards, prints, bags, tees, mugs, and more!

[new blog post] View from Fort Revere - As kids, during our summers in Hull, we used to go to Fort Revere and explore. My newest intention was going up there to paint. #pleinair #artistlife buff.ly/hAb3Y5b

Initial ASICS proposals by Herb Lubalin, 1977

Notable content: • Human in the loop means something with Tammie Lister • Beyond hamburgers: latest Navigation block changes with Sarah Norris

Twentytwentyfive has been the best #WordPress theme so far imo 😇 Design Your WordPress Homepage with Twenty Twenty-Five - Blocks, Layouts & Global Styles (2026) youtu.be/YvdVe0BVW8U

"What's a better tribute to a woman known for her words than a mural that will inspire even more."

"Study your layout and your requirements, then decide which method to use. Maybe your case requires position: absolute or a simple text-align: center. Flexbox or CSS Grid aren’t always mandatory for centering stuff, and there is no one way that’s better than another."

Congrats Knicks!

“True open design systems aren’t just collections of files; they are living ecosystems shaped by their communities and evolving through shared discussion and experimentation.”

Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS

Open Air Painting with Hull Artists – late summer - For the next couple of months, we had been invited to paint at private homes. The generosity and support of the Hull community is such a blessing! Our hosts are friendly and curious, but not intrusive. buff.ly/pNCvNED

See you in the bleachers! I’m attending WorkPride 2026 this week. It’s the largest virtual global conference dedicated to workplace inclusion, and attendance is free. mygwork.com/workpride

The one show that stood out to me on last night's Tony Awards was Ragtime. youtu.be/Fp2qG5nqLQw?...

“With WordPress 7.0 out the door, contributors shared a series of Calls for testing this week to prepare for WordPress 7.1. The schedule is tight with Beta 1 slated for July 15, 2026.”

I know a lot of people associate me with CSS because I started a YouTube channel about it, and somehow that became a thing... ...and logically speaking, I think I know what I'm doing... ...but imposter syndrome is a thing, and it's not making me feel great at the moment. 🫠

"As I stared at the Artemis images of the moon, Earth, and stars, I could literally feel my heart open to infinity, to my own beingness within it and as it." via Peggy Kornegger in her newest post: "Moon, Stars, Infinity". spirit-flower.com/2026/06/03/m...

[new blog post] Exploring the WordPress Cover Block: Parallax Scroll - The Cover Block can be used in a variety of ways to create attractive image or color areas with text overlays. In this tut, we’ll have some fun using Parallax Scrolls with Cover Blocks to animate section dividers.

Using Isotope for filtering a gallery. Researched how to prevent images from overlapping. Added the imagesLoaded JS to my code, tested, re-tested, and it works! Thank you David DeSandro, aka Metafizzy! desandro.com

Bee Balm Sparklers (0906) - Fun, festive flowers in our backyard garden, tended by Peggy. buff.ly/WkgDMgN • Reproduced on cards, prints, bags, tees, mugs, and more!

Today's #WordPress tutorial is about how to keep your site safe from hackers. It doesn't cover EVERYTHING, but it does give 5 simple steps to harden your front line. www.youtube.com/watch?v=e4d6...

Designing for people with low vision: "Low vision affects millions, yet it's often overlooked. Design choices from how we emphasise content to where we position controls, can empower people to customise their experience or create unnecessary barriers." #a11y tetralogical.com/blog/2026/03...

With all that's required to reach "dream destinations" these days, another option is to walk to your local public library instead — and pick up one of these new books out in June set across time and place. n.pr/4uQPjCi

CA Winner: Allen & Gerritsen. “Perception Playground” This mind-bending, shape-shifting, animated frolic revealed all the fun ways you can trick your senses at the Museum of Science’s newest exhibit. https://ow.ly/x3nS50YSYCm

Sudden Storm - None of us suspected what nature had in store for us. The morning started out with sunny skies, moderately chilly temperature, and a comfortable breeze. It didn't take long for things to change.

Great piece about Jason Collins, a pioneer in the world of sports. www.pbs.org/video/jason-...

July Petunias (0905) - This painting was a gift for my mom, who loved the color purple. After she passed away, I regifted it to her Activities Director at the assisted living facility she lived in. They had a special bond. buff.ly/yT9nKBW • Reproduced on cards, prints, bags, tees, mugs, and more!

Create an InDesign File with Bleeds - If your print design layout has images and/or colors that touch the edge of the paper, then you must include bleeds in the InDesign file and extend these images and colors 1/8″ to 1/4″ beyond the edge. This tut shows you how to prep the file.

“Use cases for this workflow: • The Designer-to-Developer handoff • Rapid prototyping and client previews • Open-source theme contributions”

A little blending demo on @codepen.io: codepen.io/thebabydino/... If you're interested in the how behind, check out my @css-tricks.bsky.social article Taming Blend Modes: `difference` and `exclusion` css-tricks.com/taming-blend... #CSS

Case study: Plaak by Damien Gautier www.205.tf/articles/plaak Inspired by the lettering found on French street nameplates, this typeface explores the overlooked diversity of these everyday alphabets through simple, robust, and highly functional forms. Read it on 205.tf

Charles River, Spring (0904) - There's a nice bike path along the Charles River. I've always loved this bend in the river, because you can see the Harvard Bridge and Boston in the distance. buff.ly/ClR9PyB • Reproduced on cards, prints, bags, tees, mugs, and more!

So nice to be supported by one's community. Appreciate your sharing my post, thank you!

I wrote a little post when the article turned ten, which is already plenty of ink to spill on the subject: ethanmarcotte.com/wrote/respon... But with everything happening in the industry these days, it’s hard not to look back on the optimism of those early days with a little wistfulness.

Exploring the WordPress Cover Block: Hero Section - The Cover Block is a powerful, versatile tool that enables you to overlay content on top of an image or a solid color. In this tut, we’ll explore how to use it for a website’s Hero image that includes a CTA.

“I think a simple checkbox would be fair. Some people want AI everywhere. Fine. Some people do not want AI writing headings, generating text, suggesting images, connecting to providers, or adding another layer of nonsense to already bloated websites. Give people a choice.”

Disabling Kadence page titles removes the H1 tag from the page. Workaround: "manually add an H1 block to the content of your page for SEO and accessibility purposes." What about pages where you don't want the title at all, like Home?

Open Air Painting with Hull Artists – late summer - For the next couple of months, we had been invited to paint at private homes. The generosity and support of the Hull community is such a blessing! Our hosts are friendly and curious, but not intrusive. buff.ly/pNCvNED

There are a whole bunch of pain points.

[new blog post] Exploring the WordPress Cover Block: Parallax Scroll - The Cover Block can be used in a variety of ways to create attractive image or color areas with text overlays. In this tut, we’ll have some fun using Parallax Scrolls with Cover Blocks to animate section dividers.

“AI is a tool for capitalism. It's not making people more efficient; it's changing expectations. We aren't saving time, we're just asking more from workers.”

"Without realizing it, I was growing up immersed in Walden consciousness." via Peggy Kornegger in her newest blog post "Growing Up Walden". spirit-flower.com/2026/05/14/g...

Choosing an Artwork Inventory System - good guide. I need to keep better track of Calls for Art, locations of my art, checklists, etc. What do you use? www.joanmitchellfoundation.org/journal/choo...

Nice collection, bookmarked!

"The right tools are essential for modern web design. But early web designers had no such luxury." Snippets from my journey: Hyperlink, Photoshop 3 (with layers!), BBEdit, HTML validators, Netscape, ImageReady, Dreamweaver, omg!

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! webkit.org/blog/17660/i...

Drums - Thoreau Quote (0902) - Tee design for Thoreau shop at Walden Pond. buff.ly/vbfex9E • Reproduced on cards, prints, bags, tees, mugs, and more!