Collective #244
![Collective244_Granimjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_Granimjs.jpg?x86293)
Granim.js
A small library that lets you create fluid and interactive gradients animations. Made by Benjamin Blonde.
Check it out![Collective244_mathcsslocks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_mathcsslocks.png?x86293)
The Math of CSS Locks
A brilliant article by Florens Verschelde that explains CSS locks and the mathematical background in detail.
Read it![Collective244_HotJar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_HotJar.png?x86293)
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![Collective244_BBProgrWebApps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_BBProgrWebApps.jpg?x86293)
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![Collective244_Buddy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_Buddy.jpg?x86293)
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![Collective244_FutureLearn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_FutureLearn.jpg?x86293)
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![Collective244_webfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_webfonts.png?x86293)
Webfonts on the Prairie
A very interesting article by Richard Fink where he dives into the current state of Webfonts.
Check it out![Collective244_htmltemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_htmltemplate.jpg?x86293)
Splash: Free HTML Template
A lovely, elegant free HTML Bootstrap template made by FreeHTML5.co for Graphic Burger.
Get it![Collective244_tourdefrance](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_tourdefrance.png?x86293)
Tour de France
Tour France implementation of the Tour de France Dribbble shot by Valentin Kirilov.
Check it out![Collective244_textwav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_textwav.png?x86293)
txt.wav
George Mayorga from Still Life Studios is punishing the Internet with these badass text animations.
Check it out![Collective244_ImageBeast](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_ImageBeast.jpg?x86293)
Image Beast - My 10k Apart Entry
Dean Hume introduces his 10k Apart entry, the "Image Beast" library.
Read it![Collective244_muze](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_muze.jpg?x86293)
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![Collective244_performancedesigners](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_performancedesigners.png?x86293)
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![Collective244_progressiveicon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_progressiveicon.png?x86293)
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![Collective244_leaderboard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_leaderboard.png?x86293)
Top Authors
"Top Authors" is an independent leaderboard for Medium authors.
Check it out![Collective244_designeremojis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_designeremojis.png?x86293)
Designer Emojis
A set of awesome Emojis capturing the designer's day-to-day work. Made by DesignCue in various useful formats.
Get it![Collective244_tnhchildtype](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_tnhchildtype.png?x86293)
nth-child vs nth-of-type
Ire Aderinokun explains the difference of th nth-child and nth-of-type selectors.
Read it![Collective244_metaprogrammers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_metaprogrammers.jpg?x86293)
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![Collective244_Stocky](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_Stocky.jpg?x86293)
Stocky
A site that offers free photo, video, graphics and music for commercial and personal use.
Check it out![Collective244_ralewaynumbers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_ralewaynumbers.png?x86293)
Fixing Raleway and Similar Font's Numerals
Learn how to fix Raleway's wonky number position in this tutorial.
Read it![Collective244_appsketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective244_appsketch.jpg?x86293)
Wonep International Calling App UI Kit
A great Sketch freebie by Alexey Matyushkin with more than 30 mobile app screen designs.
Get it