The Best of Codrops
6 most popular Codrops articles, as voted by our community.
Keeping web devs & designers inspired and up-to-date since 2009. Subscribe to our frontend newsletter http://eepurl.com/dJBUCo #frontend #coding #css #js #webdesign
Codrops on Programming
Sketchy Pencil Effect with Three.js Post-Processing
A tutorial where you'll learn how to create a pencil effect with a sketchy look using Three.js post-processing.
Codrops on Typography
Shuffling Typography Animation
A shuffling type animation with various effects for a geeky terminal look.
Codrops on Visual Design
UI Interactions & Animations Roundup #27
Looking for a fresh burst of animation inspiration? Check out this new collection of creative Dribbble shots.
Ideas for Pixel Page Transitions
Inspiration for "pixel" page transitions based on Niccolò Miranda's animation.
Popular
These are some all-time favorites with Refind users.
How to Animate SVG Shapes on Scroll
A short tutorial on how to animate SVG paths while smooth scrolling a web page using Lenis and GSAP's ScrollTrigger plugin.
Case Study: Anatole Touvron’s Portfolio
A practical case study of Anatole Touvron’s Portfolio where you'll get some insight on the process and some valuable tips.
What is Refind?
Every day Refind picks the most relevant links from around the web for you. is one of more than 10k sources we monitor.
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.
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?
250k+ 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.