Collective #278
Inspirational Website of the Week: Obrigado Coconut Water
An engaging, unique design with so much personality and endless creative details. Our pick this week.
Get inspired
Orthogonality and CSS in JS
An excellent analysis by Ben McCormick on how to approach the problem of managing JavaScript, HTML and CSS in code.
Read it
Color Supply
A fantastic tool for outstanding color combinations from designers & illustrators around the world.
Check it out
Etsy’s Evolving Icon System
Marco Suarez gives some valuable insight into how they systematize and customize icons at Etsy.
Read it
Algorithm-Driven Design: How Artificial Intelligence Is Changing Design
Yury Vetrov shows how interesting algorithm-driven design is and how it's time to rethink the modern role of the designer.
Read it
Have Fun with Machine Learning
An absolute beginner's guide to Machine Learning and Image Classification with Neural Networks by David Humphrey
Read it
Hero
Hero is a library for building iOS view controller transitions easily. Made by Luke Zhao.
Check it out
Design for internationalization
An insightful article by John Saito on how to build products that work for an international audience.
Read it
Clean Code Javascript
A fantastic compilation of Clean Code concepts adapted for JavaScript. By Ryan McDermott.
Read it
Web Maker 2.0
A new, major release for Web Maker, a fast offline web playground. Version 2.0 brings in features like save 'n load, pane collapsing, quick library adding, a new UI and more.
Check it out
Shaping Curves with Parametric Equations
An article that explores a technique to render volumetric curves on the GPU — ideal for shapes like ribbons, tubes and rope.
Read it
100 Vector Mandala Illustrations
A gigantic collection of lovely vector mandalas designed by Julia Dreams for Pixel Buddha.
Get it
ColorMe
Visualize the CSS Color function with this tool made by Tyler Gaw.
Check it out
Spiral
A super-cool demo by Hakim El Hattab.
Check it out
React’s Five Fingers of Death. Master these five concepts, then master React.
Sacha Greif teaches how to master the most important React concepts.
Read it
From Sass to PostCSS
Tyler Gaw shares his new styling setup with PostCSS and the cssnext plugin.
Read it
Design Guidelines
Design guidelines from big companies around the Web.
Check it out
Grumpy: Go running Python
Grumpy is a Python to Go source code transcompiler and runtime. By Google.
Check it out
30 People Profession Icons
A set of 30 free vector icons depicting people's professions in line style.
Get it
Mirror Effect
Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau's and Method's website. The idea is to mirror an image and animate it within the context of a slideshow.
Check it out