Collective #291

AR.js
A repo with very useful and efficient code for Augmented Reality for the Web using ARToolKit. By Jerome Etienne.
Check it out
Landing pages, A/B Testing, Lead Generation, and more
Get unlimited landing pages, leads, visitors. Grow your business online with a powerful tool.
Check it out
Boundless
A React UI toolkit of components that are strictly performant, highly customizable and accessible.
Check it out
Box Alignment Cheatsheet
A cheatsheet that compares alignment in CSS Grid Layout and Flexbox. By Rachel Andrew.
Check it out
Do we need a new heading element? We don't know
Jake Archibald explores the proposal to add a new <h>
element to the HTML spec and explains the background.

Auto-Layout: Introducing Stacks: Flexbox for Sketch
Apply Flexbox directly in Sketch with Auto-Layout's new Stacks feature.
Read it
A Detailed Introduction To Webpack
Learn all about getting started with Webpack in this tutorial by Joseph Zimmerman.
Read it
The Circular Design Guide
A guide for the new circular economy based mindset for businesses.
Check it out
TA.Gui
A powerful tool for non-developers and business users to automate web apps. Made by Tebel.Automation.
Check it out
Flatris
Flatris is a mobile-friendly implementation of Tetris, built using React and Redux.
Check it out
Edd: Landing Page (Sketch)
A lovely landing page design in Sketch by Alan Podemski.
Get it
Dwitter
Twitter for demos? That's exactly what Dwitter is!
Check it out
WhaleSynth
Synthesized whale noises in a fantastic interface.
Check it out
How to create a hexagon pattern in Adobe Illustrator
Learn all about Illustrator's pattern tool in this masterclass by Veerle Pieters.
Read it
Fuzzy Gravity Waves
An amazing demo by Louis Hoebregts. Hold and drag to see the magic.
Check it out
Free Font: Votu
A typeface with a unique artistic look designed by Carta&Carta Creative Studio.
Get it
Do responsive sites have to be so tall on mobile?
Some interesting thoughts on the excessive height of mobile websites. By Kevin Vigneault.
Read it
Spacegrid
A no-frills responsive grid layout to help you get started on your next project. By Jonathan Speek.
Check it out
vue-picture-input
Mobile-friendly picture file input Vue.js component with image preview, drag and drop, and EXIF orientation. By Alessio Maffeis.
Check it out
Squeezy Stretchy Flexbox Nav
Learn how to apply some flexbox magic to a navigation to make it stretchy. By Chris Coyier.
Read it
Purser
A lightweight JavaScript library for preserving user data from first website visit to signup.
Check it out
3D Comics
An awesome WebGL experiment by Wen inspired by this Snoopy 3D comic.
Check it out
How to Use CSS Animations Like a Pro
A practical guide to CSS Animations, covering everything from keyframes to will-change. By Ibrahim Nergiz.
Read it
Starting an Internet Service Provider
Chris Hacken shares interesting stories about building an Internet Service Provider.
Check it out