Collective #244

Granim.js
A small library that lets you create fluid and interactive gradients animations. Made by Benjamin Blonde.
Check it out
The Math of CSS Locks
A brilliant article by Florens Verschelde that explains CSS locks and the mathematical background in detail.
Read it
Hotjar: All-in-one Analytics and Feedback
A new and awesome tool. Now you can see how your visitors are really using your site.?
Try it free
The Building Blocks Of Progressive Web Apps
A great read by Ada Rose Edwards on Progressive Web Apps and how they can replace all of the functions of native apps and websites at once.
Read it
Buddy!
Tim Holman has unleashed his bot Buddy into the virtual sphere. An awesome outcome of an inspiring and collaborative coding journey.
Check it out
FutureLearn
Still haven't learned anything new today? FutureLearn is a great new platform of free online courses from all kinds of categories.
Start learning
Webfonts on the Prairie
A very interesting article by Richard Fink where he dives into the current state of Webfonts.
Check it out
Splash: Free HTML Template
A lovely, elegant free HTML Bootstrap template made by FreeHTML5.co for Graphic Burger.
Get it
Tour de France
Tour France implementation of the Tour de France Dribbble shot by Valentin Kirilov.
Check it out
txt.wav
George Mayorga from Still Life Studios is punishing the Internet with these badass text animations.
Check it out
Image Beast - My 10k Apart Entry
Dean Hume introduces his 10k Apart entry, the "Image Beast" library.
Read it
Project Muze
Project Muze is a digital fashion experiment by Zalando and Google that uses machine learning to create virtual fashion designs.
Check it out
Designers Guide to Web Performance Optimization
A great article by Jon Yablonski where he explains that fast web experiences start in the planning and design phase.
Read it
Designing a Progressive Web App icon
A great tutorial by Mustafa Kurtuldu where he shows how to effectively design a web app icon.
Read it
Top Authors
"Top Authors" is an independent leaderboard for Medium authors.
Check it out
Designer Emojis
A set of awesome Emojis capturing the designer's day-to-day work. Made by DesignCue in various useful formats.
Get it
nth-child vs nth-of-type
Ire Aderinokun explains the difference of th nth-child and nth-of-type selectors.
Read it
The Metaprogrammer
Richard Mitton explains the phenomenon of the narcissistic "metaprogrammer" who worries more about appearance and popularity than about the actual act of coding.
Read it
Stocky
A site that offers free photo, video, graphics and music for commercial and personal use.
Check it out
Fixing Raleway and Similar Font's Numerals
Learn how to fix Raleway's wonky number position in this tutorial.
Read it
Wonep International Calling App UI Kit
A great Sketch freebie by Alexey Matyushkin with more than 30 mobile app screen designs.
Get it