Collective #229

Inspirational Website of the Week: Attack The Front
Besides being a great source for UX and UI related articles, Attack The Front has a bold design and some lovely transitions. Our pick this week.
Get inspired
Bushel: Set Up And Protect Your Apple Devices At Work
See how easy it is to set up, manage and secure your Apple devices anytime from anywhere.
Check it out
How to Design, Code, and Animate SVGs
A complete guide on how to design, code and animate SVGs by Surbhi Oberoi.
Read it
Relate UI Kit (PSD, Sketch)
Yet another stunning free UI kit by InVision that will help kick-start your next project.
Get it
Coding mobile-first emails
Stig Morten Myre shows step-by-step how to create emails with a mobile-first approach.
Read it
JavaScript Promises 101
A great introduction to JavaScript promises by Ire Aderinokun.
Check it out
BEM & Atomic Design: A CSS Architecture Worth Loving
Wes Ruvalcaba shares a solid BEM and Atomic Design based CSS architecture approach.
Read it
Centered Logos Hurt Website Navigation
A very interesting article on why centered logos might not be the wisest choice for a header. By Kathryn Whitenton.
Check it out
A Comprehensive Guide to Font Loading Strategies
A very useful guide on common font loading strategies by Zach Leatherman.
Read it
Auto-Hiding Navigation
A navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up. By Claudia Romano.
Check it out
HyperTerm
A terminal emulator built with JavaScript, HTML and CSS. Made by ZEIT.
Check it out
Free Font: Awesawez Script (OTF, TTF)
An absolutely gorgeous hand-written brush font by Gabriela Christine for Pixel Buddha.
Get it
Formous
Formous strives to be a simple, elegant solution to handling forms in React.
Check it out
Summer Icon Set (PNG, PDF, PSD, EPS, AI, SVG)
A great icon set with 40 summer themed icons. Design by Printerinks for Smashing Magazine.
Get it
Font Pairing
A simple, yet powerful tool for finding Google font pairings. Mad by Martin Ollivere and Jamie Gilman from Our Own Thing.
Check it out
Material Kit
An awesome Bootstrap UI kit based on Material Design. By Creative Tim.
Get it
Links vs. Buttons in Modern Web Applications
Marcy Sutton's article on the very crucial topic of when to use buttons or links in a UI.
Read it
bleech.io
A curated collection of useful tech resources for creatives.
Check it out
Tolks: Put your story up on the Internet (Beta)
A really cool idea: create simple conversations between characters and let them tell your story.
Check it out
Awesome Service Workers
A curated collection of service worker resources. Created by Tal Ater.
Check it out
Remote Playback API
Read the new and exciting spec of the Remote Playback API.
Check it out