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 inspiredFullStory - 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 outIntroducing 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 outDraft.js
Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. By Facebook.
Check it outArt and Math and Science, Oh My!
An amazing read on the intersection of art and science and how design makes technology usable.
Read itCSSCO
Photographic filters made with CSS, inspired by VSCO and CSSgram. Made by Lauren Waller.
Check it outAll 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 itDelivering Octicons with SVG
Read about how and why GitHub changed all Octicon icon font occurrences with SVG icons.
Read itReactions: Not everything in life is Likable
Geoff Teehan shares the interesting design process behind the new reactions on Facebook.
Read itWhy Bother Making Beautiful Team Pages?
Two great examples of nicely designed team pages spotted by Khoi Vinh.
Check it outUnflattening design
Not the "unflattening" you are thinking of, but a different approach to viewing design problems, that's what this article is about.
Read itIf You Know Sass, You Know ES2015
Una Kravets highlights some similarities between ES2015 and Sass shows some practical examples.
Read itLearn 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 outDescartes
An experimental library for writing CSS in JavaScript. Made by Jon Chan.
Check it outFree Font: Romina (Book & Bold)
A beautiful new font family with a neoclassical style designed by Rosario Nocera.
Get itWhy we moved to React
An interesting article by Dominic Cocchiarella on Instacart's move to React.
Check it outAnnouncing 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 itCreate 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 outThe 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 it365cons
An icon dairy by Amy Devereux where she publishes one beautiful icon per day.
Check it outMixins Better for Performance
Harry Roberts shows why using mixins is better than using @extend.
Check it outhow2: 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.