Collective #160
Inspirational Website of the Week: Plasticbionic
Plasticbionic has a unique layout and some interesting navigation effects. Our pick this week.
Get inspired
In Pieces: 30 Endangered Species, 30 Pieces
30 species in 30 pieces, all in CSS. A fantastic presentation with beautiful animations made by Bryan James.
Check it out
Textures.js
A very useful JavaScript library made on top of D3.js for creating SVG patterns for data visualization. Made by Riccardo Scalco.
Check it out
Native Scrolling
Anselm Hannemann's critical view on custom scrolling and why using it can be problematic.
Read it
Redesigning the Login Screen
Read about how the new login page of GoSquared was made. A behind-the-scenes article by JT.
Check it out
Logdown
Logdown is a debug utility for the browser and the server with Markdown support. By Caio Gondim.
Check it out
type.js
Type.js allows you to write new CSS properties to take finer typographic control of type styles on the web. Made by Nathan Ford.
Check it out
Browser Input Events: Can We Do Better Than The Click?
Dustan Kasten explores the event cascade of input events and shows how to use it to create solid and responsive experiences.
Read it
Free Font: CIRCO
Beautiful letter design inspired by the circus. Made by Tano Veron. Pay with a tweet.
Get it
sanitize.css
Sanitize.css makes browsers render elements consistently and allows you to style with today's best practices out-of-the-box. A project by Jonathan Neal.
Check it out
Readable Wearables
Matt Griffin shows how to tackle the world of tiny wearables and takes responsiveness to a micro level.
Read it
The Rick Astley Remixer
A really cool WebGL project showcased in Chrome Experiments that allows you to finally remix this epic song! Made by Dinahmoe.
Check it out
Napkin
A very interesting app that let's you design quick mock ups, directly on your phone. Made by Scott Savarie.
Check it out
to [icon]
A new website with CC 4.0 licensed icons. Check out the latest set of beautifully designed icons, Fandom, made by Carol Liao.
Check it out
Calendar Base
Base methods for generating calendars using JavaScript with great browser support. By Wesley de Souza.
Check it out
Free Font: Signify
Conor Leary designed this free spirited font with a unique touch.
Get it
Free Hip Hop Dancer Images
20 free HD stock images of Hip Hop dancers in different poses perfect for music related projects. Free for commercial use (CC 4.0) with a email signup.
Check it out
Writing Musical Notation on Web Pages: The Basics
Learn about how to create musical notation on a modern website in this article by Dudley Storey.
Read it
Web Design Quote Generator
Need to quote a client? This generator will make creating an elegant looking web design quotation easy. Made by Switch Digital.
Check it out
SceneVR
Ben Nolan's aim with this platform is to enable web devs to create virtual reality scenes with tools they are familiar with.
Check it out