Collective #247
![Collective247_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_WOTW.jpg?x86293)
Inspirational Website of the Week: Benoit Challand
A cool hover browsing effect with some lovely transitions and a great layout. Out pick this week.
Get inspired![Collective247_FullStory](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_FullStory.png?x86293)
Settle All Bets About Your Customer's Online Experience
Capture everything, and we mean everything, about your customer experience with one easy-to-install script.
Try it free![Collective247_SVGAuthoringGuide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_SVGAuthoringGuide.png?x86293)
SVG Authoring Guide
Check out some best practices for creating interoperability, reusable, performant, efficient, and practical SVG documents, using explanations and code samples. By the W3C.
Read it![Collective247_HandLettering](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_HandLettering.jpg?x86293)
The Art Of Hand Lettering
Amber Bartek introduces us to the beautiful world of hand lettering.
Read it![Collective247_debuggerhtml](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_debuggerhtml.jpg?x86293)
Introducing debugger.html
Read all about the JavaScript debugger from Mozilla which was built as a web application with React and Redux. An article by Bryan Clark.
Read it![Collective247_SpinThatShit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_SpinThatShit.png?x86293)
SpinThatShit
SpinThatShit is a set of SCSS mixins for single element loaders and spinners. Made by Matej Kustec.
Check it out![Collective247_FreeFontMelte](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_FreeFontMelte.jpg?x86293)
Free Font: Melte
A unique and friendly looking typeface designed by Wassim Awadallah.
Get it![Collective247_ShoutemUI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_ShoutemUI.png?x86293)
Shoutem UI
Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. Made by the devs of Shoutem.
Check it out![Collective247_GoogleRespEmail](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_GoogleRespEmail.jpg?x86293)
Your emails, optimized for every screen with responsive design
The devs at Google came up with the most useful media queries to support responsive design for emails. Read about it in this article.
Read it![Collective247_Webgl2](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_Webgl2.png?x86293)
WebGL2 Fundamentals
A great resource with articles that teach WebGL2 from basic principles. By Greggman.
Check it out![Collective247_GitHubMapping](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_GitHubMapping.png?x86293)
GitHub Mapping
A map showing the estimates of GitHub users in cities worldwide. Made by James Milner.
Check it out![Collective247_ReactGames](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_ReactGames.png?x86293)
React-game-kit
An awesome component library for making games with React and React Native. By the folks of Formidable.
Check it out![Collective247_AmbientCanvas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_AmbientCanvas.png?x86293)
Ambient Canvas
A cool demo by Matthew Juggins of a musical drawing app.
Check it out![Collective247_BusinessIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_BusinessIcons.png?x86293)
170 Retro Business icons for Sketch
A really nice set of business icons for Sketch made by Designer Bundle.
Check it out![Collective247_DontruinIMG](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_DontruinIMG.jpg?x86293)
Don't ruin your <img>
Some useful tips on how to handle images by Anthony Ng.
Read it![Collective247_ParodyProduct](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_ParodyProduct.jpg?x86293)
A very interesting read on the parody product invented by Nice Studio.
Check it out![Collective247_vMinvMax](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_vMinvMax.png?x86293)
MinMaxing: Understanding vMin and vMax in CSS
Some practical insights on the vMin and vMax units by Dudley Storey.
Check it out![Collective247_BestResources](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_BestResources.png?x86293)
75 of the Smartest Resources for Web Designers
A very useful list of the best resources for web designers.
Check it out![Collective247_FirstReact](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_FirstReact.png?x86293)
First impressions of React
Remy Sharps first impressions of using React that will give you some valuable insight to the library.
Read it![Collective247_AngularAnim](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_AngularAnim.png?x86293)
Angular 2 Animations - Foundation Concepts
Thomas Burleson shows how to build an animating Angular 2 component.
Read it![Collective247_GlobeViewer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective247_GlobeViewer.png?x86293)
Globe Viewer
A fantastic demo that renders the globe in different ways using WebGL.
Check it out