Collective #195

Inspirational Website of the Week: Buca Boot
A very unique design with subtle effects and interesting typography. Our pick this week.
Get inspired
Tips for Creating and Exporting Better SVGs for the Web
A very comprehensive in-depth article on how to create better SVGs for an optimized develeopment workflow by Sara Soueidan.
Read it
Mo.js: Easing / Path Easing
The first tutorial on the brilliant motion graphics library mo.js by Oleg Solomka.
Read it
I started Unsplash and now I'm starting a book
Mikael Cho shares his story about Unsplash and introduces the Kickstarter campaign of creating one of the most fascinating web-born books of the year.
Check it out
The Cost of Frameworks
Paul Lewis talks about advantages and disadvantages of using frameworks and how he believes that investing in knowledge of the web platform itself is the best long-term bet.
Read it
Using The Gamepad API In Web Games
Charlie Walter introduces the brand new Gamepad API that will bring HTML5 game development to the next level.
Read it
Stretchy Navigation
An awesome stretchy navigation effect made by Sebastiano Guerriero from CodyHouse.
Check it out
Classy CSS: a Programmatic Approach to Sass Stylesheets
Una Kravets shows us a scalable, modular, and class-based approach to writing Sass.
Read it
notie.js
A JavaScript plugin for growl-like notifications made by Jared Reich.
Check it out
Free Font: Bonie
A lovely free font dedicated to Bonie, a Basset hound. Designed by qoob design studio.
Get it
Offline Recipes for Service Workers
David Walsh introduces the Service Worker Cookbook and shows some basic service worker strategies for offline.
Read it
Chrome Dev Summit 2015
Watch all the talks from Chrome Dev Summit 2015!
Watch it
A complete set of 208 Weather Icons
A gigantic set of different weather related icons including a Webfont. Made by Pixeden.
Get it
Foundation 6 Is Here!
The world's most advanced front-end responsive framework has been updated with loads of new features and tools. Introducing Foundation 6.
Check it out
Flutter
Flutter is a new project to help developers build high-performance, high-fidelity, mobile apps for iOS and Android from a single codebase.
Check it out
Plotly.js Open-Source Announcement
The JavaScript library for scientific interactive charts is going open-source!
Check it out
Managing RSS Like a Boss
As large internet companies fight to monetize your content, how you deliver and attribute that content becomes more and more important. This brief tutorial gives you simple methods for formatting and syndicating your RSS feeds effectively.
Read it
Empire of Code
Empire of Code is a new space game with a mix of strategy, tactics and coding. You can play the game with or without coding skills, but knowing how to code will definitely give you an advantage.
Play now
Fluid Geometric Shapes (PSD, AI, EPS, PNG)
A set of 15 geometric shapes designed by Adrian Pelletier for Pixel Buddha.
Get it
Free Font: Ruffle Beauty
A beautiful handwritten font made by Agga Swist'blnk.
Get it
Mixing Color for the Web with Sass
Justin McDowell shows how to mix and match colors and create color schemes using SASS.
Read it