Collective #259

Inspirational Website of the Week: Bolden
A fresh and innovative design with awesome effects and bold typography. Our pick this week.
Get inspired
Jamf Now: Easily Manage and Protect your Apple Devices
Jamf Now is the easiest way to manage Apple devices you use in your business. Sign up now and get three devices free forever.
Sign me up
Gems
A great example of dynamic lighting with SVG. A demo made by Varun Vachhar.
Check it out
Modular JavaScript
Nicolás Bevacqua's new modular book series on practical JavaScript that you can help crowdfund.
Check it out
A Quantum Leap for the Web
David Bryant introduces Quantum, Mozilla's next-generation web engine.
Check it out
Parsing JSON is a Minefield
A very insightful article by Nicolas Seriot on JSON and the common pitfalls of parsing it.
Read it
Design Prototyping with Origami Studio
A new tool for designing modern interfaces, built and used by designers at Facebook.
Check it out
ES6 Template Strings, the Handlebars killer?
Keith Cirkel shares his experience with Template Literals and the interesting insights he gained replacing a templating language like Handlebars with it.
Check it out
JavaScript Stack from Scratch
A step-by-step tutorial to build a modern JavaScript stack from scratch. By Jonathan Verrecchia.
Read it
Think Different(ly)
A great article on the importance of critical thinkers by Bryan Zmijewski.
Check it out
Control mechanisms in JavaScript games
Learn all about using various JavaScript control mechanisms in your games. An article by Andrzej Mazur.
Read it
Spoooooky CSS Selectors
Some brilliantly spooky CSS selectors that will make your brain bleed. By Chris Coyier.
Read it
The PHP Practitioner
A series of free lessons from Laracasts that will teach you all the important fundamentals of PHP.
Check it out
The Ultimate Guide to Chatbots: Why they're disrupting UX and best practices for building
A very interesting read on Chatbots by Joe Toscano.
Read it
Firebase, Tone.js, and Device Orientation
Jake Albaugh shows how to use Firebase and create a multi-device musical performance using Tone.js on cell phones.
Read it
Material Design
Check out the new home for Google's Material Design resources.
Check it out
Free Font: Vintii
A new free font from Wildtype with a cut-out look, designed by Evita Vilaka.
Get it
Free Font: LSTK Dayfly
An interesting experimental font designed in less than 24 hours.
Get it
Create an Interactive Roadtrip with SVG and the Web Animation API
Dudley Storey shows how to use the power of the Web Animations API for SVG path animations.
Read it
React Memory Game
A great little memory game by Pham Mikun built with ReactJS.
Check it out