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

In this call with software engineer Hugo Müller-Downing, I review his blog. We dive into the spacing around his headings, to structure his website better, talk about font sizes for headings, how to style captions, and I adore his marginalia and favicon. Key takeaways Reduce the space below headings…

https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/

Andy Bell, 27 June 2022 Topic: General Take the fast-track to levelling up your front-end skills with our premium courses. Check them out! Advert I’ve been doing the finishing touches on some client work recently and a part of that is making sure we get 100s across the board in Lighthouse. That’s so…

Card-style components are pretty much still a thing these days, and there are many ways to make a bunch of identical rectangles look prettier. I’m quite fond of the pop art, or maybe it’s more of a co

https://css-tricks.com/css-link-hover-effects/

https://css-tricks.com/replace-javascript-dialogs-html-dialog-element/

https://www.indiehackers.com/post/how-i-hold-myself-accountable-to-my-side-projects-as-a-dad-who-works-full-time-6a4f0c32ed

https://www.alistairshepherd.uk/writing/async-alpine/

https://halawa.dev/enough-talks-about-good-commit-message-enforce-or-validate-it?source=newsletter

https://gomakethings.com/how-i-self-publish-my-podcast/

https://www.stefanjudis.com/blog/a-look-at-the-dialog-elements-super-powers/

https://www.stephaniemorillo.co/post/the-what-why-and-how-of-internal-documentation