Collective #358

Original Source: http://feedproxy.google.com/~r/tympanus/~3/YIJfw2is-kk/

Our Sponsor
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

Collective #358 was written by Pedro Botelho and published on Codrops.