Collective #530
![C530_chaos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_chaos.jpg?x44439)
Chaos Design
A fantastic writeup of a recent talk Adam Morse gave at Intuit for their Front End Summit.
Read it![530_member](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/530_member.gif?x44439)
Add user accounts to any website - without code!
Use your favorite web design tools to build membership sites, web apps, and user dashboards! Hundreds of designers already use MemberStack.
Try it free![C530_sketchplugin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_sketchplugin.jpg?x44439)
How To Build A Sketch Plugin With JavaScript, HTML And CSS
Matt Curtis' tutorial where you'll learn how to build your our own Sketch plugins from scratch.
Read it![C530_5star](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_5star.jpg?x44439)
Five Methods for Five-Star Ratings
Alfred Genkin explains different ways of creating a five-star rating component.
Read it![C530_sinclair](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_sinclair.jpg?x44439)
Functional JavaScript: What are higher-order functions, and why should anyone care?
A great article on higher-order functions in JavaScript by James Sinclair.
Read it![C530_graphqldocu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_graphqldocu.jpg?x44439)
GraphQL: The Documentary
This documentary explores the story of why and how GraphQL came to be and the impact it's having on big tech companies worldwide.
Watch it![Screen-Shot-2019-07-08-at-18.05.12](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/Screen-Shot-2019-07-08-at-18.05.12.jpg?x44439)
I didn't know that
Stefan Judis explains some interesting JavaScript facts and tricks.
Watch it![C530_hoverboard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_hoverboard.jpg?x44439)
Making an interactive hoverboard game using JavaScript and web sockets
A really cool project by Charlie Gerard.
Read it![C530_shape](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_shape.jpg?x44439)
Shaping up Shape
Amol Kumar shares the story behind the development of the first-ever prototype for Shape.
Read it![C530_webpack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_webpack.jpg?x44439)
Why is my webpack build slow?
Sam Saccone wrote this exploration into profiling options.
Read it![C530_githubspreadsheet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_githubspreadsheet.jpg?x44439)
How to recreate the GitHub contribution graph with Node.js and Google Sheets
A tutorial by Anne-Laure Le Cunff where you'll learn how to build a dynamic graph based on Node.js, Express, the Google Sheets API and Bootstrap.
Read it![C530_badge](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_badge.jpg?x44439)
Using HTML Validator Badges Again
Read why Bradley Taunt thinks it's time to bring back HTML badges.
Check it out![C530_toold](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_toold.jpg?x44439)
LottaTools
Some useful PDF tools that run directly in your browser.
Check it out![C530_js](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_js.jpg?x44439)
ECMAScript 2019 and beyond...
Learn about all the new features that come with ECMAScript 2019.
Read it![C530_audio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_audio.jpg?x44439)
Musical Particles III
A great music visualizer made by Sean Free.
Check it out![C530_dribbble](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_dribbble.jpg?x44439)
What I Learned Co-Founding Dribbble
Dan Cederholm shares 20 things he has learned by co-founding Dribbble over the last 10 years.
Read it![C530_zfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_zfont.jpg?x44439)
Zfont
A text plugin for the Zdog 3D engine. By James Daniel.
Check it out![C530_ts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_ts.jpg?x44439)
I've spent 5 years writing a JavaScript framework on my own
Read about how Typescene, the robust front end library written in TypeScript, came to live.
Read it![C530_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_react.jpg?x44439)
Forget about component lifecycles and start thinking in effects
Learn about the React useEffect
hook in this article by Sebastian De Deyne.
![C530_touch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_touch.jpg?x44439)
How to improve your mobile UIs by learning from personal touch patterns
Daniel Buschek explains what touch offsets are and highlights use cases that emerge from studying these offsets in detail.
Read it![C530_gitwtf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/C530_gitwtf.jpg?x44439)
Git.WTF
A curated list of Git problems, frustrations, and tricks that can give you a solution in seconds.
Check it out![Screen-Shot-2019-07-08-at-18.04.13](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/07/Screen-Shot-2019-07-08-at-18.04.13.jpg?x44439)
Free Font: SOFFA Sans
Ikea's free font made solely from sofas.
Get it