Collective #115
Inspirational Website of the Week: Jam3
Jam3 will suprise you with some nifty transitions and smart effects. Our pick this week.
Get inspiredWebComponents.org
WebComponents.org is a new platform for discussing and evolving web component best-practices.
Check it outLet's Make a Bubble Map
Mike Bostock will show you how to create a bubble map with TopoJSON and D3 in this excellent in-depth tutorial.
Check it outWorld Under Water
An interactive project by Carbon Story built with WebGL and Google Street View to alert about climate change.
Check it outQuill
Quill is a light-weight and extensible rich text editor. Created by Jason Chen and Byron Milligan.
Check it outrangeslider.js
A useful polyfill for the HTML5 range input slider element by André Ruffert.
Check it outYour website should stop doing this right now
Goran Peuc tells you what you should stop doing in order to make your user's life easier. Also, check out the second part mentioned in the end of the article.
Read itStyling with STRINGS
Simurai's CSSConf talk about how Flexbox, currentColor and EMs can be used inside components to quickly style entire web apps in the browser.
Check it outLeaving Pixels Behind: A Vector Workflow For Designers
Todd Parker's interesting talk slides from the Artifakt conference about using vector graphics on the web.
Check it outFree Font: Hovel
An interesting font with creative shapes by Sergey Karas.
Get itPhysical Typography
Justin Windle's title screen for his talk at Resonate.io: mind-blowing physical typography.
Check it outThe Absolute Beginner's Guide to Node.js
If you are just about to start with Node.js, this top-notch primer by Manuel Weiss will make your first steps easier.
Read itYebo Bicycle Template
A very elegant and clean one page template by Peter Finlan.
Get it36 SEO Vector Icons (EPS, AI, PNG)
A set of clean and flat SEO vector icons from Dreamstale.
Get itAudio Session Kit (AI)
A stunning audio kit freebie by Hamo Studio.
Get itStyleStats
StyleStats by Koji Ishimoto is a useful Node.js library to collect CSS statistics.
Check it outFree Font: RECKONER
A creative and modern typeface inspired by typefaces such as Bebas Neue, Alegre Sans and Dharma Gothic.
Get itEfficiently Simplifying Navigation, Part 2: Navigation Systems
Anastasios Karafillis' insightful advice on how to choose the right type of navigation menu for a website.
Read itOptimizilla
A very useful image optimization tool that let's you control the compression level.
Check it outFree Halftone Pack (PSD)
Dustin Lee shares some useful high resolution halftone textures.
Get it5 Principles for Great Interface Copywriting
John Zeratsky's excellent principles on copy writing for interfaces.
Read it