- How to use SVG as a Placeholder, and Other Image Loading Techniques
- Typographic Hierarchies — Smashing Magazine
- The CSS behind Figma
- How to Center in CSS
- An Interactive Guide to Flexbox
🎓 Master the unknown fundamentals of CSS with my course CSS Demystified: https://cssdemystified.com/?utm_campaign=containing-blocks&utm_source=youtube&utm_m...
Add some creativity to your designs with mask-image!🔗 Links✅ Browser support: https://caniuse.com/?search=mask-image⌚ Timestamps00:00 - Introduction00:30 - ...
See the codepens for the visual effects made for this video: https://codepen.io/equational/pen/OJZrvrehttps://codepen.io/equational/pen/jOxXKmpCSS = cascadin...
I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of…
In this article, Yosra Emad explains how to create a rollercoaster path that a ball follows using cubic beziers and CSS transitions. You’ll also learn how the cubic-bezier function in CSS works in…
Centering in CSS is a pain in the ass. This is a code generator that consolidates them and gives you the code you need for each situation.
If you're a web developer, you may have already heard that some CSS selectors are faster than others. And you're probably hoping to find a list of the better selectors to use in this article. Well,…
The :has() pseudo-class is, hands-down, my favorite new CSS feature. I know it is for many of you as well, at least those of you who took the State of CSS
SvelteKit is the latest of what I'd call next-gen application frameworks. It, of course, scaffolds an application for you, with the file-based routing,
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.
A look at some interesting use-cases for CSS flexbox and grid in Figma app.
In this series, we’ve been making image sliders with nothing but HTML and CSS. The idea is that we can use the same markup but different CSS to get wildly
Review (nearly) eleven exciting additions to CSS that became fully or nearly cross-browser in 2022!
We thought CSS had already evolved into a pretty formidable language thanks to advancements like Flexbox, Grid, and CSS Variables. But it turns out this wasn't even its final form. Parent selector,…
The best stuff of the week.
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…
In this article, Alma Hoffmann discusses six basic variables to establish a typographic hierarchy, explains how to look at each differently, and in turn, designs pieces by intentionally modifying each…
CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose? This turns out to be a surprisingly important decision! In this…
An exploration of how a frontend developer thinks while building a simple hero section.
We've started making a tradition of rounding up the latest front-end research at the end of each year. We did it in 2020 and again in 2021. Reports are
The official account for http://CSS-Tricks.com, a web design community powered by @DigitalOcean.
An online magazine for designers and web developers. Questions? We've got your back: @SmashingSupport, @SmashingConf. Curated by Iris, Vitaly and the team.
News & guidance for developers from the Google Chrome Developer Relations team.
Build, test, and discover front-end code 💻 Support: http://codepen.io/support
Design system consultant, web designer, speaker, writer, & musician. Author of Atomic Design. Mastadon: https://mastodon.social/@brad_frost
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 5 links every day, tailored to their interests. They provide feedback via implicit and explicit signals: open, read, listen, share, add to reading list, save to «Made me smarter», «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 CSS?
We monitor hundreds of sources on CSS, including CSS-Tricks, Smashing Magazine 🇺🇦 🏳️🌈, Chrome Developers, CodePen.IO, Brad Frost, 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 firstname.lastname@example.org
Who uses Refind?
100k+ 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.