Collective #242

The Design Process
An amazing comic by Pablo Stanley on the design process.
Check it out
Settle all bets about your customer experience
Capture everything, and we mean everything, about your customer experience with one easy-to-install script.
Try it free for 14 days!
WebVR Projects
Ricardo Cabello's awesome collection of WebVR resources and experiments.
Check it out
40 Hours to Prototype
Monika Adarsh shares her experience on how to prototype more efficiently by condensing everything down to the basics.
Read it
ExplainToMe
ExplainToMe is a automatic text summarizer that utilizes TextRank, a graph based ranking model for text processing and article summarization. Made by Sang Han.
Check it out
React Components Catalog
A very useful collection of React components and libraries. Contributions are welcome.
Check it out
Product Builder
An awesome product builder UI and template made by Claudia Romano from CodyHouse.
Check it out
Slicing SVG 9 Ways
Some great insight into using SVG shadows by Paul Lewis.
Check it out
Mobi.css
A light-weight, flexible CSS library with a focus on mobile.
Check it out
Free Font: Migur
A lovely and exquisite font with artistic curves designed by Wassim Awadallah.
Get it
Marking up help text in forms
Jeremy Keith shows how to put screen reader accessible help text into forms.
Check it out
CSS Positioning Explained By Building An Ice Cream Sundae
A fun tutorial by Kevin Kononenko that will teach you CSS positioning on the example of an ice cream sundae.
Read it
Fluid Simulation (with WebGL demo)
Jamie Wong dives into the fascinating science of fluid simulation.
Check it out
Developing Extensible HTML and CSS Components
Learn how to make versatile and extensible modules in this tutorial by Jon Yablonski.
Read it
Ways To Reduce Content Shifting On Page Load
Some tips on how to deal with shifting content on page load by Michael Scharnagl.
Read it
The Case for Custom Elements: Part 1
Rob Dodson shares his thoughts on why he believes Custom Elements make sense, especially for large organizations.
Read it
Help! We (Think We) Need to Hire a Content Strategist
Some sound advice on how to hire the right kind of content strategist for a company. An article by Jennifer Bassett.
Read it
18 Geometric Line Art Vectors (AI, EPS, PNG)
A great set of geometric line art objects in vector format. By Chris Kloroform for Pixel Buddha.
Get it
Micro
In case you missed it: Micro is a modern and intuitive terminal-based text editor. Made by Zachary Yedidia.
Check it out
Free Font: Isidora Light
A beautiful font family designed by Enrique Hernandez. The light style is for free.
Get it
Pure CSS implementation of Google Photos / 500px image layout
Xieranmaya shows how to achieve a complex grid layout with CSS only.
Read it