Collective #440
Inspirational Website of the Week: The Bewegen Bike Share System
A celebration of smoothness and subtle design details with wonderful transitions. Our pick this week.
Get inspired
BugHerd makes client feedback visual, easy and pain free.
Like sticky notes for your website, BugHerd turns client feedback into clear actionable tasks with all the data needed to resolve the issue.
Try for free
Mauerwerk
An animated masonry-like React grid with enter/exit transitions and maximizable cells.
Check it out
A Practical Guide to Regular Expressions (RegEx) In JavaScript
Sukhjinder Arora explains some useful regex JavaScript recipes.
Read it
Sticky, Smooth, Active Nav
Chris Coyier shares a very useful sticky navigation template.
Read it
Dot Menu Animations
Tamino Martinius created these four menu button animations.
Check it out
20+ Famous Animated Logos
A great collection of animated logos for your inspiration.
Check it out
Flexbox - The Animated Tutorial
Greg Sidelnikov's fantastic visual animated guide to some flexbox properties.
Check it out
Line-height Crop
Read about how you can use a simple CSS formula to remove top space from your text in this article by Claudia Romano.
Check it out
Dev.to is now Open Source
Read all about the release of dev.to to the community in this article by Ben Halpern.
Check it out
Securing Web Sites Made Them Less Accessible
A very interesting article by Eric Meyer on the downsides of HTTPS.
Read it
Build An Image Slider With React & ES6
An easy to follow tutorial by Daniel Zuzevich on how to create a React image slider.
Read it
Building Fluid Interfaces
Nathan Gitter provides the working code examples of every major topic in the WWDC 2018 "Designing Fluid Interfaces" presentation by Apple designers.
Read it
Dumper.js
Dumper.js aims to be a better variable inspector for your Node.js applications.
Check it out
Sclack
A CLI client for Slack made by Marcelo Camargo.
Check it out
Westworld Slider
A Westworld inspired slider made by Chris Gannon.
Check it out
BitMidi
BitMidi serves over a hundred thousand MIDI files curated by volunteers around the world.
Check it out
Pts
A new version and a new homepage for the great Pts project by William Ngan.
Check it out
Drawser
A free vector graphics editor where you can share your ideas and create design.
Check it out
Free Font: Sangha Kali
A special edition font for Google Fonts designed by Anna Seslavinskaya.
Check it out
Flight App Freebie (Sketch)
A great Sketch freebie by Pixelz Studio.
Get it