10+ Best Articles on webdev
The most useful articles and videos on webdev from around the web—beginners to advanced—curated by thought leaders and our community. We focus on timeless pieces and update the list whenever we discover new, must-read articles or videos—make sure to bookmark and revisit this page.
Top 5 webdev Articles
At a glance: these are the articles that have been most read, shared, and saved on webdev by Refind users in 2023 so far.
Videos
Watch a video to get a quick overview.
Design Principles For The Web
Designing and developing on the web can feel like a never-ending crusade against the unknown. Design principles are one way of unifying your team to better f...
Accessibility: the land that time to interactive forgot
We tend to think of performance in terms of latency, code optimization, and things like the critical rendering path, but what happens when the browser create...
mask-image lets you do some really cool stuff
Add some creativity to your designs with mask-image!π Linksβ Browser support: https://caniuse.com/?search=mask-imageβ Timestamps00:00 - Introduction00:30 - ...
Creating Web Components - With Special Guest Dave Rupert!
I know basically nothing about web components, so Dave Rupert is joining me to teach me all about how they work! π Links β Dave's site: https://daverupert.c...
What is ...?
New to #webdev? These articles make an excellent introduction.
What is CORS?
Article explains what is CORS, popular among web developers CORS, what are the common problems and how to fix them.
Short Articles
Short on time? Check out these useful short articles on webdev—all under 10 minutes.
Web Push for Web Apps on iOS and iPadOS
With iOS and iPadOS 16.4 beta 1 comes support for Web Push for Home Screen web apps, Badging API, Manifest ID, and more.
The Web Needs a Native .visually-hidden
For years, developers have passed around a set of styles like a magic incantation. It's time we made it a web standard.
What Leonardo Da Vinci Can Teach Us About Web Design β Smashing Magazine
Perhaps more than any other person in history, Leonardo da Vinci showed the kind of magic that can happen in the overlap between art and science, where much of web development lives. His methods and…
Do we need CSS flex-wrap detection?
A look at why we need flex wrapping detection in CSS.
Learn Images
This course is created for beginner and advanced web developers alike, covering everything from the basics of ensuring image sources are efficiently requested and rendered, to the details of how…
Long Articles
These are some of the most-read long-form articles on webdev.
On Container Queries, Responsive Images, and JPEG-XL
With the news that CSS Container Queries have shipped in nearly all stable, modern browsers, itβs time to revisit responsive images and ask how they fit in a container query world. Are we on the right…
10 Web Development Trends in 2023
Web Development Trends in 2023 which should be on your watchlist. A walkthrough of the state of JS ...
Our top Core Web Vitals recommendations for 2023
A collection of the best practices that the Chrome DevRel team believes are the most effective ways to improve Core Web Vitals performance in 2023.Over the years, we at Google have made a lot of…
Building a website like it's 1999... in 2022
I'm on a bit of a mission this year to bring back the spirit of the old web. The creativity and flair of the late 90s and early 2000s. So I've recreated some of that old web magic, in modern HTML, CSS…
Level Up Your CSS Skills With The :has() Selector β Smashing Magazine
The CSS relational selector :has() allows selecting elements in combinations that were previously impossible without the assistance of JavaScript. Weβll review how to combine :has() with core CSS…
Publications
We monitor hundreds of publications, blogs, newsletters, and news sources in webdev, including:
Chrome Developers
News & guidance for developers from the Google Chrome Developer Relations team.
Smashing Magazine πΊπ¦ π³οΈβπ
An online magazine for designers and web developers. Questions? We've got your back: @SmashingSupport, @SmashingConf. Curated by Iris, Vitaly and the team.
freeCodeCamp.org
We're a community of millions of people who are building new skills and getting new jobs together. A 501(c)(3) public charity. Tweets by @abbeyrenn.
Brad Frost
Design system consultant, web designer, speaker, writer, musician, & artist. Author of Atomic Design. Mastadon: http://mastodon.social/@brad_frost
Harry Roberts
Consultant Web Performance Engineer: @google, @UN, @Etsy, @kickstarter, @BBC, @Unilever, @Deloitte, and more β’ Writer β’ Speaker
What is Refind?
Every day Refind picks the most relevant links from around the web for you. Picking only a handful of links means focusing on what’s relevant and useful. We favor timeless pieces—links with long shelf-lives, articles that are still relevant one month, one year, or even ten years from now. These lists of the best resources on any topic are the result of years of careful curation.
How does Refind curate?
It’s a mix of human and algorithmic curation, following a number of steps:
- We monitor 10k+ sources and 1k+ thought leaders on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
- In addition, our users save links from around the web using our Save buttons and our extensions.
- Our algorithm processes 100k+ new links every day and uses external signals to find the most relevant ones, focusing on timeless pieces.
- Our community of active users gets the most relevant links every day, tailored to their interests. They provide feedback via implicit and explicit signals: open, read, listen, share, mark as read, read later, «More/less like this», etc.
- Our algorithm uses these internal signals to refine the selection.
- In addition, we have expert curators who manually curate niche topics.
The result: lists of the best and most useful articles on hundreds of topics.
How does Refind detect «timeless» pieces?
We focus on pieces with long shelf-lives—not news. We determine «timelessness» via a number of metrics, for example, the consumption pattern of links over time.
How many sources does Refind monitor?
We monitor 10k+ content sources on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
Which sources does Refind monitor on webdev?
We monitor hundreds of sources on webdev, including Chrome Developers, Smashing Magazine πΊπ¦ π³οΈβπ, freeCodeCamp.org, Brad Frost, Harry Roberts, and many more.
Can I submit a link?
Indirectly, by using Refind and saving links from outside (e.g., via our extensions).
How can I report a problem?
When you’re logged-in, you can flag any link via the «More» (...) menu. You can also report problems via email to hello@refind.com
Who uses Refind?
200k+ smart people start their day with Refind. To learn something new. To get inspired. To move forward. Our apps have a 4.9/5 rating.
Is Refind free?
Yes, it’s free!
How can I sign up?
Head over to our homepage and sign up by email or with your Twitter or Google account.