10+ Best Articles on Frontend
The most useful articles on frontend 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 Frontend Articles
At a glance: these are the articles that have been most read, shared, and saved on frontend by Refind users in 2023 so far.
Trending
These links are currently making the rounds on frontend on Refind.
The ongoing defence of frontend as a full-time job
I am currently looking for a new job. One thing that keeps happening is that people get my CV, are impressed but then ask me that I seem to be focused on the front end a lot and what my experiences…
Short Articles
Short on time? Check out these useful short articles on frontend—all under 10 minutes.
Creating a Clock with the New CSS sin() and cos() Trigonometry Functions
CSS trigonometry functions are here! Well, they are if you’re using the latest versions of Firefox and Safari, that is. Having this sort of mathematical power
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.
My favourite 3 lines of CSS
In Every Layout, we wrote about The Stack. It’s a marriage of Heydon’s Lobotomised Owl selector and my method of managing Flow and Rhythm with CSS Custom Properties. .stack > * + * { margin-bloc…
3D in CSS
How to create a 3D space using CSS. How to use the CSS perspective property. How to translate & rotate an element in 3D space using CSS. Use cases for the CSS perspective property.
Getting Started with Style Queries
Style queries allow developers to query a parent element's style values using the @container rule. In Chrome 111, style queries for CSS custom properties are landing stable. Learn how to get started…
Long Articles
These are some of the most-read long-form articles on frontend.
10 Web Development Trends in 2023
Web Development Trends in 2023 which should be on your watchlist. A walkthrough of the state of JS ...
Easing curves, and better CSS transitions and animations
The difference between a smooth, sleek animation and one that feels bland and generic is often in the easing curve. Let's look at what easing curves are and how they work in CSS, before diving into…
Conditional CSS
CSS is condtional in many ways. In this article, I will go over a few CSS features that we use every day, and show you how conditional they are.
An Interactive Guide to Flexbox
When we truly learn the secrets of the Flexbox layout mode, we can build absolutely incredible things. Fluid layouts that stretch and shrink without arbitrary breakpoints. In this action-packed…
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…
Publications
We monitor hundreds of publications, blogs, newsletters, and news sources in Frontend, including:
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.
Chrome Developers
News & guidance for developers from the Google Chrome Developer Relations team.
Brad Frost
Design system consultant, web designer, speaker, writer, musician, & artist. Author of Atomic Design. Mastadon: http://mastodon.social/@brad_frost
LogRocket
LogRocket combines session replay, performance monitoring, and product analytics – empowering software teams to create the ideal product experience.
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 frontend?
We monitor hundreds of sources on frontend, including Smashing Magazine 🇺🇦 🏳️🌈, freeCodeCamp.org, Chrome Developers, Brad Frost, LogRocket, 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.