Collective #217
![Collective217_misplaced](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_misplaced.jpg?x86293)
Inspirational Website of the Week: Misplaced
Meaningful storytelling with a strong typographic design and great layout. Our pick this week.
Get inspired![Collective217_Codeschool](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_Codeschool.png?x86293)
Take Your Coding Skills to the Next Level
Code School is an online learning destination for existing and aspiring developers. Join over 1 million students being trained by experts.
Try it free![Collective217_BoxySVG](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_BoxySVG.png?x86293)
Boxy SVG Editor
Boxy SVG is a modern and free Web Platform vector graphics editor.
Check it out![Collective217_GraphiJS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_GraphiJS.jpg?x86293)
grafi.js
Grafi.js is a library intended for learning how image processing works. Made by Mariko Kosaka.
Check it out![Collective217_ChartJS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_ChartJS.png?x86293)
Chart.js
Version 2.0 of the flexible JavaScript charting library for developers and designers is out.
Check it out![Collective217_JamAPI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_JamAPI.png?x86293)
Jam API
Jam API is a service that allows you to turn any website into a JSON accessible API using CSS selectors. By Gavin Dinubilo.
Check it out![Collective217_diffee](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_diffee.png?x86293)
Diffee
A brilliant blend mode powered website diff tool made by Una Kravets.
Check it out![Collective217_TickTock](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_TickTock.png?x86293)
Tick-tock
Some hypnotizing animated clocks by Hakim El Hattab.
Check it out![Collective217_ButtonSystem](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_ButtonSystem.jpg?x86293)
Buttons in Design Systems
A fantastic read by Nathan Curtis on how to set up a button system that endures.
Read it![Collective217_Sequel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_Sequel.png?x86293)
Free Font: Sequel
A superb looking bold font designed by Philip Trautmann.
Get it![Collective217_ProjectInfinite](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_ProjectInfinite.png?x86293)
Project Infinite
Genevieve Sheehan introduces Project Infinite, the new solution for accessing files in real-time by Dropbox.
Check it out![Collective217_TheWebIsntUniform](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_TheWebIsntUniform.jpg?x86293)
The Web isn't uniform
A reminder by Karolina Szczur to be more considerate about providing a better "no JS" experience for users.
Read it![Collective217_Mpegdash](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_Mpegdash.png?x86293)
HTML5 Media Source Extensions: Bringing Production Video To The Web
Stefan Lederer gives a great overview of the current state and the future of video on the web.
Read it![Collective217_iframeresponsive](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_iframeresponsive.jpg?x86293)
Making Iframes Responsive
Ire Aderinokun shows a solution to a tricky problem: making iframe embeds fully responsive.
Check it out![Collective217_SVGWorkflow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_SVGWorkflow.png?x86293)
SVG Sprite Workflow That Works
Ryan Yu shares the solid SVG sprite workflow used at Squiz.
Read it![Collective217_JakeCaching](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_JakeCaching.png?x86293)
Caching best practices & max-age gotchas
Jake Archibald writes on how to do caching in the browser the right way.
Read it![Collective217_spaicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_spaicons.jpg?x86293)
Hotel And Spa Icon Set (55 Icons PNG, SVG)
A set of 55 well designed icons with a hotel and spa theme. Made by IconCrafts for Smashing Magazine.
Get it![Collective217_YesInvoice](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_YesInvoice.png?x86293)
Yes Invoice
A fresh cloud-based management tool for invoices and payments.
Check it out![Collective217_SVGSwitch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_SVGSwitch.png?x86293)
Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG
Learn how to use online tools and apps for creating SVGs out of your icon fonts. By Sara Soueidan.
Read it![Collective217_Bootsrap4CS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_Bootsrap4CS.png?x86293)
Bootstrap 4 Cheat Sheet
An update to the very useful Bootstrap 4 cheat sheet that serves as a great reference.
Check it out![Collective217_SitkaFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_SitkaFont.jpg?x86293)
Free Font: Sitka Brush
A playful all-caps brush typeface made by Hustle Supply Co. for PixelBuddha.
Get it![Collective217_ImagePresso](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective217_ImagePresso.png?x86293)
ImagePresso
A new service for optimizing PNG game graphics automatically. Free to try.
Check it out