Before streaming, how did people watch films without buying them? It's hard to imagine that there is a whole generation growing up that have no concept of "the time before". The time before the intern

https://mattdecamp.com/articles/using-eleventy-fetch-with-notion-api/

https://www.bram.us/2022/05/25/dark-mode-toggles-should-be-a-browser-feature/

Scrollbars. A very mundane thing that every website and app has. Historically, it has been difficult to consistently customize scrollbar styling on the web. So it is understandable that frontend devel

https://stackoverflow.blog/2022/03/28/picture-perfect-images-with-the-modern-element/

Home All articles Layout is where the browser figures out the geometric information for elements - their size and location in the page. Each element will have explicit or implicit sizing information b

https://ishadeed.com/article/css-has-parent-selector/

29th July 2022 One of the most common pieces of feedback I give to design system teams about their documentation is this: write using the active voice. In this post I’ll explain what the active voice is and why it matters. What is the active voice? Unless you write for a living, then trying to…

https://gomakethings.com/tips-and-tricks-for-working-with-static-site-generators/

On Friday, I wrote that the major differences between junior and senior developers is their ability to fix broken code . Honestly, the only difference between a junior and senior developer is that you

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