Collective #358

Online Master's in Information Design and Strategy
This online, part-time program at Northwestern University is taught by industry leaders and top professors.
Check it out
Metaballs
A fantastic write up on how those organic looking squishy gooey blobs work with SVG path-only manipulations. By Varun Vachhar.
Read it
Design Beyond a Screen: A Primer for VR, AR and the Multiverse
A great introduction to the different types of realms we can potentially work with. By Graeme Fulton.
Read it
Introducing PayPal's open-source cross-domain JavaScript suite
Paypal has open sourced a set of tools to make the integration on third-party sites easier and more reliable.
Read it
Schnack.js
Schnack.js is an ad-free, open source Disqus clone that comes with a very minimal, hackable code base.
Check it out
Design for Developers: Specific Steps to Improve Your Website Design
Some clear tips on how to become better at critiquing and improving ones own site as a non-designer.
Read it
Naming Things In CSS Grid Layout
Rachel Andrew takes an in-depth look at the various ways to name lines and areas in CSS Grid Layout.
Read it
sketch-to-react-native
Automatically create React Native components out of Sketch designs.
Check it out
Key Reinstallation Attacks
Mathy Vanhoef has discovered an extremely crucial security weakness in all modern WPA2 protected Wi-Fi networks.
Read it
Only CSS: Creamy <3
A fun CSS-only demo by Yusuke Nakaya.
Check it out
How open source licenses work and how to add them to your projects
Radu Raicea gives an overview of popular open source licenses and teaches how to apply them to your GitHub projects.
Read it
While Apple is taking away buttons, we found a way to add one
Savannah Reising introduces the brilliant solution for Luna Display that adds another "button" to the iPad using the camera.
Read it
The Art of Comments
Gread read by Sara Drasner on the necessity of commenting code.
Read it
Image Trace Loader
Based on Mikael Ainalem's interesting idea, this library loads images and exports traced outlines as image/svg+xml URL-encoded data. By Emil Tholin.
Check it out
Sequence Creator with Web Audio API
An Excel-like sequence creator made with canvas and the Web Audio API. By Jon Kantner.
Check it out
How to structure components in React
An article by Bartek Witczak on how to properly structure React component.
Read it
Geometrical Birds Slideshow
A slideshow with morphing geometrical birds by Mikael Ainalem.
Check it out
Web Typography: Numerals
An excerpt from Chapter 2 of Richard Rutter's new book, "Web Typography".
Read it
Experiments
A repo for collecting Audio/VR/AR/GL experiments. By Jordan Santell.
Check it out
Fontplop
An OSX/macOS application that takes ttf and otf files and outputs a webfont bundle with woff2, woff, tff, svg, and eot.
Check it out
Hillclimber
Hillclimber is a curated machine learning mashup resource.
Check it out
Monopoly board
John Coppola made this Monopoly board with CSS grid.
Check it out
Library Symbol Replacer
A Sketch plugin for replacing symbols in an existing document with library symbols
Check it out