Collective #268

Conversational Form
The final days of the form as we know it are coming: Conversational Form is a brilliant, open-source framework for turning web forms into conversations. Made by the SPACE10 lab.
Check it out
The Netflix for Designers
Handpicked by designers and available for unlimited download, an ever-growing library of 8,000+ graphic assets and web templates from the top independent designers around the globe.
Explore Envato Elements
Datalegreya
Datalegreya is a typeface which can interweave data curves with text. Designed by Figs, on the basis of the open source font Alegreya Sans SC Thin by type designer Juan Pablo Del Perla.
Check it out
The one you are looking for is you - Code Walkthrough
Tim Holman's code walkthrough of his latest demo inspired by a jazzy image.
Read it
Sounds fun
Jake Archibald experimented with the Web Audio API and shares what he learned.
Check it out
Live JS Singapore 2016
An incredible performance and talk at the JSConf.asia 2016 featuring Matt McKegg, Ruth John and Martin Schuhfuss.
Watch it
HumanInput
A JavaScript library for handling keyboard shortcuts and other human-generated events. By Dan McDougall.
Check it out
Useful Regex Patterns
A great and open collection of useful Regex patterns. By Luke Haas.
Check it out
CyberChef
CyberChef is a simple, intuitive web app for analysing and decoding data.
Check it out
Nesting Your BEM?
Harry Roberts is thinking out loud on nesting with BEM and gives some very valuable insights.
Read it
Making "Blue Beanie Me"
Ire Aderinokun shares a fun app that she made to celebrate Blue Beanie Day.
Check it out
Network packet
A hyper-cool demo by GENKI where you can see a travelling network packet in action.
Check it out
svelte
A revolutionary approach to a new kind of framework idea: the magical disappearing UI framework.
Check it out
Progressive Web App Checklist
A very useful checklist that let's you ensure your project has all the things it takes to be a Baseline PWA.
Read it
CSSonic run cycle
Joey Lane's makes Sega's famous little hedgehog run and run and run... with CSS!
Check it out
formbase
Better default styles for common input elements. By Tobias Reich.
Check it out
Lace Patterns in CSS
Learn how to create some stunning lace patterns in CSS from Marina Kuznetsova.
Check it out
JSON-Splora
A fantastic GUI for editing, visualizing, and manipulating JSON data.
Check it out
Glitch Glitch Glich
A little jQuery plugin for helping you make everything glitch! By Hadrien Mongouachon.
Check it out
Merry Christmas Lettering
A set of beautiful Christmas lettering and print-ready greeting cards designed by Zira Zulu for Pixel Buddha.
Get it
iOS 10 GUI
A massive free vector kit of iOS 10 patterns and core components. By Great Simple Studio.
Get it
Free Font: Priscilla
A lovely script typeface by Ian Miraz.
Get it