Collective #165

Inspirational Website of the Week: Weightshift
A beautiful, clean design with a balanced color theme and gorgeous typography. Our pick this week.
Get inspired
Announcing Globalize 1.0
The jQuery Foundation is announcing the release of the Globalize project, their internationalization (i18n) library.
Check it out
Kubist
A fantastic app that transforms an ordinary image into a cubism-like composition. Made by William Ngan. Read about how it works in this article.
Check it out
Hero Slider
A beautiful responsive content slider by Claudia Romano from CodyHouse.
Check it out
More Weight Doesn't Mean More Wait
Scott Jehl gives some useful insight on how heavy pages don't necessarily have to mean a longer (perceived) wait for visitors.
Read it
Making Your First Webapp with React
Nick Anastasov from Tutorialzine will show you how to build your first web app with React.
Check it out
Material Design Flat Avatar Set (AI, PSD, PNG)
A lovely set of unique looking avatars from Oxygenna.
Get it
Elevator.js
No more awkward "scroll to top" moments with this must-have library by Tim Holman ;)
Check it out
How to Center in CSS
Find the best way to center in CSS with this useful tool by Oliver Zheng.
Check it out
100 Days of Fonts
100 Days of Fonts will show you one Google font pairing a day for 100 days. A project by Do-Hee Kim.
Check it out
DevTools Timeline: Now Providing the Full Story
Heather Mahan introduces the new Timeline features of Chrome DevTools.
Check it out
Project Fi
Project Fi by Google is a program to deliver a fast, easy wireless experience in close partnership with leading carriers, hardware makers, and our users.
Check it out
Free Font: Metrica
Oliver James designed this unique uppercase geometric font.
Get it
Making Sense of Clip Path
Drew Minns explains the clip path property and shows how to achieve stylish effects on Webkit browsers.
Read it
egg.js
A JavaScript library for easily adding easter eggs to web pages by watching the user's key strokes. Made by Mike Flynn.
Check it out
Animate Transition
A great library for transition animations between blocks (pages) in an application. Made by RAD.JS.
Check it out
React To The Future With Isomorphic Apps
Jonathan Creamer shows how to us React for an isomorphic approach to building applications.
Read it
Free Font: Sanchez Slab
Daniel Hernández designed this fantastic font family and you can get the regular and italic style for free.
Get it
Peekspace
A curated collection of free to use space related photography by Patrick Goethe.
Check it out
Creative Mind UI Kit (PSD)
A modern blogging UI kit designed by the folks at Pixel Buddha.
Get it
Pamoke: Free Icon Set (AI, EPS, PNG)
A lovely icon set with super-cute happy icons by the Invaders Team.
Check it out