I recently (July 2022) wiped and reloaded my MacBook Pro with macOS Monterey. I documented my process and the tools / apps / settings I use on a daily basis. You can watch me talk about this setup on

https://csswizardry.com/2022/03/optimising-largest-contentful-paint/

Y’know that situation where you tell the client, “Here’s your website and you can edit those four (4) little homepage features in the CMS” and the client says “Okay okay okay” and you check the site a

https://calibreapp.com/blog/priority-hints?utm_source=CSS-Weekly&utm_campaign=Issue-506&utm_medium=RSS

You’ve seen something cool on the web and you want to start making your own animations? Sometimes when you’re getting started with web animation it can be overwhelming to pull apart all the methods an

A friend of mine was looking for a simple, easy to update, website stack. After some soul searching, we settled on 11ty with Netlify CMS . It was impressed with how easy it was to set up, so I'm going

Mat De Sousa, an entrepreneur in France, runs two Shopify apps, WideBundle and WideReview, that together generate nearly $30,000 in net revenue a month. Now that he's found success, he shares his business tips in his newsletter and in tweet threads that get shared widely among the…

CSS nesting is a convenience syntax addition that allows CSS to be added inside of a ruleset. If you've used SCSS , Less or Stylus , then you've most certainly seen a few flavors of this: .nesting { c

It’s no secret that MDN rolled out a new design back in March. It’s gorgeous! And there are some sweet CSS-y gems in it that are fun to look at. One of those gems is how card components handle truncat

Last week, I had a discussion with some web friends about how the abbr element actually sucks for accessibility. The abbr element is supposed to be used to denote an abbreviation or acronym. If you in

https://stackdiary.com/css-math-functions/

Daily Tips This week, we’ve been looking at ways to build vanilla JS libraries based on my newly updated course on the topic. Yesterday, we looked at the revealing module pattern. Today, we’re going to learn about the constructor pattern. Let’s dig in! What is the constructor pattern? The…

This month we launched a waitlist for Luro . For simplicity’s sake on our Eleventy -powered site, we felt like Netlify Forms was a slam dunk for getting the waitlist up and running in a couple minutes

16 July 2022 We’re delighted to launch Pagefind, an open-source tool that adds search to your static websites without hosting any infrastructure, while respecting your users’ bandwidth. At CloudCannon

Focus outlines are a great way to improve accessibility . They are traditionally set with the :focus pseudo class. That still works, but with :focus-visible we have a new way to only show focus styles

Something I like about logical properties is the ability to set margins or padding on just a single axis on an element, while leaving the other alone. Say we have an element on which we’ve set some pa

Minimal Social Markup Published on Jul 14, 2022 (updated Apr 6, 2025), filed under development, html, minimalism. (Share this post, e.g. on Mastodon or on Bluesky.) This is one of 180 articles that you can also read in an ebook: On Web Development II. Every website and app these days needs so-called…

Points, break. Posted on 19 July 2022 Here’s an interesting question Thomas Semmler asked on Twitter : Hey #CSS & #HTML people - I’m writing something and it turns out that I couldn’t find the term “b

30th May 2022Code Splitting in Alpine.js I've recently published a library called Async Alpine that adds asynchronous or lazy loading of components to Alpine.js! It can help you write faster, more efficient sites using Alpine.js. Check out my Async Alpine blog post for more info! How I use Alpine.js…

Back in December 2021, I wrote an article titled Defensive CSS . I used that term because that's really what is it about. I wanted a term that communicates the concept of writing CSS that prevents une

When I was thinking about what to do with this site I spent some time looking around the IndieWeb Webring . I’d pick a site and then use the Webring link to randomly move to the next site. You can als

By default, an takes up zero space until the browser loads enough of the image to know its dimensions: When you run the demo, you'll see the immediately. Then, after a few seconds,

A portfolio website is a way to market your skills as a developer. It's like a resume, but 10x better. This article talks about what content should be included in your portfolio. This is the most impo

Daily Tips Yesterday, we looked at what web components are. Today, I wanted to share how to actually create one. Let’s dig in! Today’s article is an excerpt from my new course and ebook on web components with vanilla JS. Creating a web component To help make the concepts in this guide tangible,…

https://ryanmulligan.dev/blog/themes-and-schemes/?utm_source=CSS-Weekly&utm_campaign=Issue-497&utm_medium=RSS

Daily Tips I just released a new course and ebook on Web Components with Vanilla JS. (If you already own my complete set of courses or the expert bundle, this is a free upgrade you’ll already see in your account.) This week, I wanted to share an excerpt from the guide. Today, we’ll be looking at…

Subscribe to my newsletter and never miss my upcoming articles Did you know that websites have carbon footprints? It makes sense if you think about it. Every time you visit a site, you are making a re

https://css-tricks.com/write-html-the-html-way-not-the-xhtml-way/

July 5, 2022 ; It’s 2022 and people are still afraid to use and . I understand the layout challenges can be frustrating, but swapping to an ARIA group role will result in a more in

TL;DR If your pages contain many links or elements before the main content, consider adding a link to the very beginning of the page to help keyboard-navigating users jump directly to the content they

https://gomakethings.com/how-to-lazy-load-youtube-videos-with-vanilla-javascript/

https://engineering.q42.nl/optimizing-full-screen-images/

There are lots of reasons to shift to more privacy-conscious business and marketing models , but the path can feel daunting. Privacy movements have been around for a long time, but businesses and mark