Collective #242
![Collective242_DesignProcessComic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_DesignProcessComic.png?x86293)
The Design Process
An amazing comic by Pablo Stanley on the design process.
Check it out![Collective242_FullStory](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_FullStory.png?x86293)
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!![Collective242_WebVR](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_WebVR.png?x86293)
WebVR Projects
Ricardo Cabello's awesome collection of WebVR resources and experiments.
Check it out![Collective242_40hoursprototype](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_40hoursprototype.jpg?x86293)
40 Hours to Prototype
Monika Adarsh shares her experience on how to prototype more efficiently by condensing everything down to the basics.
Read it![Collective242_ExplainToMe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_ExplainToMe.jpg?x86293)
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![Collective242_ReactCataloge](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_ReactCataloge.jpg?x86293)
React Components Catalog
A very useful collection of React components and libraries. Contributions are welcome.
Check it out![Collective242_ProductBuilder](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_ProductBuilder.jpg?x86293)
Product Builder
An awesome product builder UI and template made by Claudia Romano from CodyHouse.
Check it out![Collective242_SVGShadow9Slice](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_SVGShadow9Slice.jpg?x86293)
Slicing SVG 9 Ways
Some great insight into using SVG shadows by Paul Lewis.
Check it out![Collective242_MobiCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_MobiCSS.png?x86293)
Mobi.css
A light-weight, flexible CSS library with a focus on mobile.
Check it out![Collective242_FreeFontMigur](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_FreeFontMigur.png?x86293)
Free Font: Migur
A lovely and exquisite font with artistic curves designed by Wassim Awadallah.
Get it![Collective242_FormHelpText](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_FormHelpText.png?x86293)
Marking up help text in forms
Jeremy Keith shows how to put screen reader accessible help text into forms.
Check it out![Collective242_sundae](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_sundae.png?x86293)
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![Collective242_FluidWebGL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_FluidWebGL.jpg?x86293)
Fluid Simulation (with WebGL demo)
Jamie Wong dives into the fascinating science of fluid simulation.
Check it out![Collective242_extensiblecomponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_extensiblecomponents.png?x86293)
Developing Extensible HTML and CSS Components
Learn how to make versatile and extensible modules in this tutorial by Jon Yablonski.
Read it![Collective242_PageShift](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_PageShift.jpg?x86293)
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![Collective242_CustomElements](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_CustomElements.png?x86293)
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![Collective242_ContentStrategist](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_ContentStrategist.png?x86293)
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![Collective242_GeoShapes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_GeoShapes.png?x86293)
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![Collective242_Micro](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_Micro.png?x86293)
Micro
In case you missed it: Micro is a modern and intuitive terminal-based text editor. Made by Zachary Yedidia.
Check it out![Collective242_FreeFontIsidoraLight](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_FreeFontIsidoraLight.png?x86293)
Free Font: Isidora Light
A beautiful font family designed by Enrique Hernandez. The light style is for free.
Get it![Collective242_GooglePhotoLayout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/08/Collective242_GooglePhotoLayout.jpg?x86293)
Pure CSS implementation of Google Photos / 500px image layout
Xieranmaya shows how to achieve a complex grid layout with CSS only.
Read it