Collective #386

Invoice Software That Saves You Time
FreshBooks makes small business invoicing and billing so simple, you'll be amazed at the time you have to focus on doing what you love and how much faster you get paid.
Try It Free
Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver
A great article by Denys Mishunov, where he explains how to work with IntersectionObserver.
Read it
Tips to improve your generative artwork
Tyler Hobbs offers some valuable advice to help improve your generative artwork.
Read it
2018.makemepulse.com
Some awesome little games made by the team of Makemepulse.
Check it out
Free Font: Geizer
Inspired by horror fiction and heavy metal, Matt Cole Wilson created this awesome font.
Get it
Courseroot
A database of online courses categorized after price, difficulty, certificate quality, and more.
Check it out
The UX of AI
An article about Google Clips and what it means in practice to take a human-centered approach to designing an AI-powered product.
Read it
Left
An open source, distraction-less writing tool with auto-complete, a synonyms dictionary, writing statistics, markup-based navigation and a speed-reader.
Check it out
iOS 11 UI Kit for iPhone X (Sketch)
Design+Code made this fantastic iOS 11 UI Kit for Sketch.
Get it
Digital Design is Never Done
Ruediger Kinast writes about how the Microsoft design team made the Windows 10 mail and calendar apps more fluent.
Read it
Building a real-time smile detection app with deeplearn.js and the web Shape Detection API
The first article in a series explaining how to perform face detection in the browser using deeplearn.js and the web Shape Detection API. By Jozef Maxted.
Read it
Audiofabric
A fabric-like 3D audio visualization made by Taylor Baldwin.
Check it out
Hacker101
The Hacker101 video lessons aim to teach many useful things about web security.
Check it out
Fusion E-commerce UI Kit (PSD, Sketch)
A lovely minimal e-commerce UI Kit by GateUi.
Get it
Greenlet
With Greenlet you can move an async function into its own thread. By Jason Miller.
Check it out
The King vs. Pawn Game of UI Design
Erik Kennedy compares UI design to chess and shows how to use the analogy to improve your skills.
Read it
Building Secure JavaScript Applications
Gergely Nemeth goes through the most frequently asked questions on how to make a JavaScript application more secure.
Read it
Free Font: Nature
Zamara Reyes designed this interesting display font.
Get it
Webpack Demos
A collection of simple and clear Webpack demos to get you started. By Ruan YiFeng.
Check it out
Moving efficiently in the CLI
An excellent diagram in a flashcard format for keyboard shortcuts in the command line.
Check it out
How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them
The 7th article in a series that explores JavaScript and its building components. By Alexander Zlatkov.
Read it
React Isometric Grids
Hung-Wei Wu made this React version of our Isometric Grids.
Check it out
Awesome Scalability, Availability, and Stability Back-end Design Patterns
A curated list of selected readings to illustrate scalability, availability, and stability design patterns in back-end development.
Check it out
Gradient Topography Animation
An organic SVG shape layer animation based on Diana Hlevnjak's work "Gradient Topography". Powered by anime.js.
Check it out