Collective #217
Inspirational Website of the Week: Misplaced
Meaningful storytelling with a strong typographic design and great layout. Our pick this week.
Get inspiredTake 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 freeBoxy SVG Editor
Boxy SVG is a modern and free Web Platform vector graphics editor.
Check it outgrafi.js
Grafi.js is a library intended for learning how image processing works. Made by Mariko Kosaka.
Check it outChart.js
Version 2.0 of the flexible JavaScript charting library for developers and designers is out.
Check it outJam 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 outDiffee
A brilliant blend mode powered website diff tool made by Una Kravets.
Check it outTick-tock
Some hypnotizing animated clocks by Hakim El Hattab.
Check it outButtons in Design Systems
A fantastic read by Nathan Curtis on how to set up a button system that endures.
Read itFree Font: Sequel
A superb looking bold font designed by Philip Trautmann.
Get itProject Infinite
Genevieve Sheehan introduces Project Infinite, the new solution for accessing files in real-time by Dropbox.
Check it outThe Web isn't uniform
A reminder by Karolina Szczur to be more considerate about providing a better "no JS" experience for users.
Read itHTML5 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 itMaking Iframes Responsive
Ire Aderinokun shows a solution to a tricky problem: making iframe embeds fully responsive.
Check it outSVG Sprite Workflow That Works
Ryan Yu shares the solid SVG sprite workflow used at Squiz.
Read itCaching best practices & max-age gotchas
Jake Archibald writes on how to do caching in the browser the right way.
Read itHotel 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 itYes Invoice
A fresh cloud-based management tool for invoices and payments.
Check it outMaking 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 itBootstrap 4 Cheat Sheet
An update to the very useful Bootstrap 4 cheat sheet that serves as a great reference.
Check it outFree Font: Sitka Brush
A playful all-caps brush typeface made by Hustle Supply Co. for PixelBuddha.
Get itImagePresso
A new service for optimizing PNG game graphics automatically. Free to try.
Check it out