Collective #208

Inspirational Website of the Week: Wonderland
Superb attention to detail and smooth effects made us choose Wonderland as the site of the week.
Get inspired
FullStory - See what your users see
Solving your site's user experience woes takes more than charts and graphs. Don't you want to get the FullStory?
Check it out
Introducing Resizer
Resizer is a new interactive tool for viewing and testing how digital products respond to material design breakpoints across desktop, mobile, and tablet. Read more about it in this article by Zach Gibson.
Check it out
Draft.js
Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. By Facebook.
Check it out
Art and Math and Science, Oh My!
An amazing read on the intersection of art and science and how design makes technology usable.
Read it
CSSCO
Photographic filters made with CSS, inspired by VSCO and CSSgram. Made by Lauren Waller.
Check it out
All Talk and No Buttons: The Conversational UI
A very interesting two-part article by Matty Mariansky on the creation of a very different type of UI.
Read it
Delivering Octicons with SVG
Read about how and why GitHub changed all Octicon icon font occurrences with SVG icons.
Read it
Reactions: Not everything in life is Likable
Geoff Teehan shares the interesting design process behind the new reactions on Facebook.
Read it
Why Bother Making Beautiful Team Pages?
Two great examples of nicely designed team pages spotted by Khoi Vinh.
Check it out
Unflattening design
Not the "unflattening" you are thinking of, but a different approach to viewing design problems, that's what this article is about.
Read it
If You Know Sass, You Know ES2015
Una Kravets highlights some similarities between ES2015 and Sass shows some practical examples.
Read it
Learn HTML and CSS: An introduction to front-end design
An excellent course on getting started with front-end development by Sebastiano Guerriero from CodyHouse.
Check it out
Descartes
An experimental library for writing CSS in JavaScript. Made by Jon Chan.
Check it out
Free Font: Romina (Book & Bold)
A beautiful new font family with a neoclassical style designed by Rosario Nocera.
Get it
Why we moved to React
An interesting article by Dominic Cocchiarella on Instacart's move to React.
Check it out
Announcing Unsplash 4.0
Unsplash, undoubtedly the best place to get free, high-quality photography for your projects, has some new features coming up. Read the great backstory of this fantastic site and its team.
Read it
Create An Auto-Centered Responsive Google Map
Dudley Storey shows how to style an embedded Google map in order to be responsive and centered.
Check it out
The Flexbox Reading List: Techniques and Tools
Cosima Mielke collects many useful tips, tricks, and tools on flexbox that will come in handy for your projects.
Read it
365cons
An icon dairy by Amy Devereux where she publishes one beautiful icon per day.
Check it out
Mixins Better for Performance
Harry Roberts shows why using mixins is better than using @extend.
Check it out
how2: Stackoverflow from the Terminal
how2 finds the simplest way to do something in a Unix shell. It's like man
, but you can query it in natural language. Made by Claudio Santini.