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

https://frontendfoc.us/link/120373/5231ed2399

This site has had dark and light modes for a while, but it never offered any choice. If your system preference was “dark”, that's what you would get (unless you used fancy browser flags ). Yesterday,

https://uxplanet.org/ive-been-doing-buttons-wrong-have-you-2117c0066613

https://css-tricks.com/css-borders-using-masks/?utm_source=CSS-Weekly&utm_campaign=Issue-491&utm_medium=RSS

https://piccalil.li/blog/i-used-tailwind-for-the-u-in-cube-css-and-i-liked-it/

https://blog.jankoritak.com/how-to-prevent-cumulative-layout-shift-for-responsive-images?source=newsletter

NFTs are a scorching issue in the spheres of crypto, investors, corporations, and primarily gaming. Many people are hesitant that gaming companies will only use this as an exploitive cash-grab, and ri

These 10 quick accessibility tests can help you understand how easy or difficult it is for people with disabilities to perceive, operate and understand content on your website or mobile app. The tests

https://web.dev/building-a-theme-switch-component/?utm_source=CSS-Weekly&utm_campaign=Issue-490&utm_medium=RSS

https://www.mikestreety.co.uk/blog/upgrading-11ty-from-0-12-to-1-0/

https://moderncss.dev/responsive-image-gallery-with-animated-captions/?utm_source=CSS-Weekly&utm_campaign=Issue-489&utm_medium=RSS

https://css-tricks.com/just-how-long-should-alt-text-be/

https://gomakethings.com/the-tools-i-use-to-make-working-with-command-line-easier/

https://studiobrandup.com/when-should-a-button-be-a-button/