Collective #315
![C315_FullStory](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_FullStory.jpg?x86293)
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!![C315_StyleGuideGuide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_StyleGuideGuide.png?x86293)
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![C315_Mavo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Mavo.png?x86293)
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![C315_DataPixels](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_DataPixels.png?x86293)
Data Pixels
Create pixel art programmatically with DataPixels.js and the Data Pixels Playground desktop application. By Geoffrey Mattie.
Check it out![C315_edabit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_edabit.png?x86293)
edabit
Learn to code with interactive, addictive challenges.
Check it out![C315_GithubAtom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_GithubAtom.png?x86293)
GitHub for Atom
Atom's newest core package brings Git and GitHub integration right inside your editor.
Check it out![C315_WebVR](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_WebVR.jpg?x86293)
Making engaging VR experiences on the web
Some great WebVR examples plus a very useful started kit for WebVR projects by 14islands.
Read it![C315_CSSGrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_CSSGrid.png?x86293)
Learn CSS Grid
A comprehensive guide to CSS Grid by Jonathan Suh.
Read it![C315_PopSQL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_PopSQL.jpg?x86293)
PopSQL
A modern, collaborative SQL editor where you can write queries, visualize data, and share your results.
Check it out![C315_Picasso](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Picasso.jpg?x86293)
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![C315_Recursion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Recursion.png?x86293)
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![C315_SecurityChecklist](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_SecurityChecklist.jpg?x86293)
Web Developer Security Checklist
A very helpful checklist for web devs to make sure their application is secure. By Michael O'Brien.
Read it![C315_Aframe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Aframe.png?x86293)
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![C315_SickboyFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_SickboyFont.jpg?x86293)
Free Font: Sickboy
Koen van der Bliek designed this fresh handwritten display font.
Get it![C315_Microtip](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Microtip.png?x86293)
Microtip
A compact CSS-only tooltip library with minimal styles by Indrashish Ghosh.
Check it out![C315_AccordionVariables](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_AccordionVariables.png?x86293)
Single Div Accordion
Dan Wilson shows the power of CSS variables in this one-div art demo.
Check it out![C315_Fetch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Fetch.jpg?x86293)
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![C315_AwesomeCompilers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_AwesomeCompilers.png?x86293)
Awesome Compilers
An extensive curated list of awesome resources on compilers, interpreters and runtimes. By Ahmad Alhour.
Check it out![C315_Roboschool](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Roboschool.jpg?x86293)
Roboschool
Roboschool is an open-source software for robot simulation, integrated with OpenAI Gym.
Read it![C315_RespDesignMotion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_RespDesignMotion.jpg?x86293)
Responsive Design for Motion
WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences.
Read it![C315_TakhieFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_TakhieFont.jpg?x86293)
Free Font: Takhie
A lovely brush font by Konstantina Louka. Free for an email subscription.
Get it![C315_fsql](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_fsql.jpg?x86293)
fsql
Search through your file system with SQL-esque queries. By Kashav.
Check it out![C315_Vx](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C315_Vx.png?x86293)
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