Collective #315

FullStory: See How Users Experience Your Designs
It's never been easier to get answers about how users perceive and interact with your designs. FullStory shows you what delights your audience, in real-time.
Get it free!
Style Guide Guide
Style Guide Guide is a boilerplate for creating a custom style guide for your organization's design system. By Brad Frost. Read more about it here.
Check it out
Mavo
Mavo extends the syntax of HTML to describe Web applications that manage, store, and transform data. By Lea Verou. Read more about it here and here.
Check it out
Data Pixels
Create pixel art programmatically with DataPixels.js and the Data Pixels Playground desktop application. By Geoffrey Mattie.
Check it out
edabit
Learn to code with interactive, addictive challenges.
Check it out
GitHub for Atom
Atom's newest core package brings Git and GitHub integration right inside your editor.
Check it out
Making engaging VR experiences on the web
Some great WebVR examples plus a very useful started kit for WebVR projects by 14islands.
Read it
Learn CSS Grid
A comprehensive guide to CSS Grid by Jonathan Suh.
Read it
PopSQL
A modern, collaborative SQL editor where you can write queries, visualize data, and share your results.
Check it out
Picasso: A free open-source visualizer for Convolutional Neural Networks
Ryan Henderson introduces Picasso, a free open-source deep neural networks visualization tool that gives you partial occlusion and saliency maps with minimal fuss.
Read it
All About Recursion, PTC, TCO and STC in JavaScript
Lucas Fernandes da Costa writes how to better visualize and think about recursion and explains proper tail calls, tail call optimization, syntactic tail calls and more.
Read it
Web Developer Security Checklist
A very helpful checklist for web devs to make sure their application is secure. By Michael O'Brien.
Read it
Having fun with physics and A-Frame
Learn how to built a VR scene that integrates a physics engine via a third-party component.
Read it
Free Font: Sickboy
Koen van der Bliek designed this fresh handwritten display font.
Get it
Microtip
A compact CSS-only tooltip library with minimal styles by Indrashish Ghosh.
Check it out
Single Div Accordion
Dan Wilson shows the power of CSS variables in this one-div art demo.
Check it out
A practical guide to fetch(), reduce() and formatting data from an external API
Some practical examples of how to get and manipulate data from an external API.
Read it
Awesome Compilers
An extensive curated list of awesome resources on compilers, interpreters and runtimes. By Ahmad Alhour.
Check it out
Roboschool
Roboschool is an open-source software for robot simulation, integrated with OpenAI Gym.
Read it
Responsive Design for Motion
WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences.
Read it
Free Font: Takhie
A lovely brush font by Konstantina Louka. Free for an email subscription.
Get it
fsql
Search through your file system with SQL-esque queries. By Kashav.
Check it out
Vx
If you haven't stumbled upon this one yet: vx is collection of reusable low-level visualization components. It combines the power of D3.js to generate your visualization with the benefits of React for updating the DOM. By Harrison Shoff.
Check it out