Collective #115

View All

WebComponents.org * Make a Bubble Map * Quill * rangeslider.js * Physical Typography * Beginner's Guide to Node.js

Cover design by Forefathers
Collective 115

Inspirational Website of the Week: Jam3

Collective115_jam3

Jam3 will suprise you with some nifty transitions and smart effects. Our pick this week.

Get inspired

WebComponents.org

Collective115_WebComponents

WebComponents.org is a new platform for discussing and evolving web component best-practices.

Check it out

Let's Make a Bubble Map

Collective115_bubblemap

Mike Bostock will show you how to create a bubble map with TopoJSON and D3 in this excellent in-depth tutorial.

Check it out

World Under Water

Collective115_worldunderwater

An interactive project by Carbon Story built with WebGL and Google Street View to alert about climate change.

Check it out
Advertisement

Quill

Collective115_quill

Quill is a light-weight and extensible rich text editor. Created by Jason Chen and Byron Milligan.

Check it out

rangeslider.js

Collective115_rangeslider

A useful polyfill for the HTML5 range input slider element by André Ruffert.

Check it out

Your website should stop doing this right now

Collective115_stopdoingthis

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 it

Styling with STRINGS

Collective115_stylingwithstrings

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 out

Leaving Pixels Behind: A Vector Workflow For Designers

Collective115_vectorworkflow

Todd Parker's interesting talk slides from the Artifakt conference about using vector graphics on the web.

Check it out

Free Font: Hovel

Collective115_hovel

An interesting font with creative shapes by Sergey Karas.

Get it

Physical Typography

Collective115_physicaltypography

Justin Windle's title screen for his talk at Resonate.io: mind-blowing physical typography.

Check it out

The Absolute Beginner's Guide to Node.js

Collective115_Node

If you are just about to start with Node.js, this top-notch primer by Manuel Weiss will make your first steps easier.

Read it

Yebo Bicycle Template

Collective115_yebo

A very elegant and clean one page template by Peter Finlan.

Get it

36 SEO Vector Icons (EPS, AI, PNG)

Collective115_seoicons

A set of clean and flat SEO vector icons from Dreamstale.

Get it

Audio Session Kit (AI)

Collective115_audiosessionkit

A stunning audio kit freebie by Hamo Studio.

Get it

StyleStats

Collective115_stylestats

StyleStats by Koji Ishimoto is a useful Node.js library to collect CSS statistics.

Check it out

Free Font: RECKONER

Collective115_reckoner

A creative and modern typeface inspired by typefaces such as Bebas Neue, Alegre Sans and Dharma Gothic.

Get it

Efficiently Simplifying Navigation, Part 2: Navigation Systems

Collective115_Navs

Anastasios Karafillis' insightful advice on how to choose the right type of navigation menu for a website.

Read it

Optimizilla

Collective115_optimizilla

A very useful image optimization tool that let's you control the compression level.

Check it out

Free Halftone Pack (PSD)

Collective115_freehalftonepack

Dustin Lee shares some useful high resolution halftone textures.

Get it

5 Principles for Great Interface Copywriting

Collective115_copywriting

John Zeratsky's excellent principles on copy writing for interfaces.

Read it

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.