Collective #229
![Collective229_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_WOTW.png?x86293)
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![Collective229_Bushel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_Bushel.jpg?x86293)
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![Collective229_AnimSVG](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_AnimSVG.png?x86293)
How to Design, Code, and Animate SVGs
A complete guide on how to design, code and animate SVGs by Surbhi Oberoi.
Read it![Collective229_RelateUIKit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_RelateUIKit.jpg?x86293)
Relate UI Kit (PSD, Sketch)
Yet another stunning free UI kit by InVision that will help kick-start your next project.
Get it![Collective229_MobilefirstEmail](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_MobilefirstEmail.png?x86293)
Coding mobile-first emails
Stig Morten Myre shows step-by-step how to create emails with a mobile-first approach.
Read it![Collective229_promises](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_promises.png?x86293)
JavaScript Promises 101
A great introduction to JavaScript promises by Ire Aderinokun.
Check it out![Collective229_BEM_Atomic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_BEM_Atomic.png?x86293)
BEM & Atomic Design: A CSS Architecture Worth Loving
Wes Ruvalcaba shares a solid BEM and Atomic Design based CSS architecture approach.
Read it![Collective229_CenteredLogo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_CenteredLogo.jpg?x86293)
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![Collective229_webfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_webfonts.png?x86293)
A Comprehensive Guide to Font Loading Strategies
A very useful guide on common font loading strategies by Zach Leatherman.
Read it![Collective229_autohidingnav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_autohidingnav.png?x86293)
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![Collective229_hyperterm](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_hyperterm.png?x86293)
HyperTerm
A terminal emulator built with JavaScript, HTML and CSS. Made by ZEIT.
Check it out![Collective229_Awesawez](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_Awesawez.png?x86293)
Free Font: Awesawez Script (OTF, TTF)
An absolutely gorgeous hand-written brush font by Gabriela Christine for Pixel Buddha.
Get it![Collective229_formous](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_formous.png?x86293)
Formous
Formous strives to be a simple, elegant solution to handling forms in React.
Check it out![Collective229_SummerIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_SummerIcons.png?x86293)
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![Collective229_fontpairing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_fontpairing.png?x86293)
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![Collective229_materialkit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_materialkit.png?x86293)
Material Kit
An awesome Bootstrap UI kit based on Material Design. By Creative Tim.
Get it![Collective229_ButtonvsLink](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_ButtonvsLink.png?x86293)
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![Collective229_Bleechio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_Bleechio.png?x86293)
bleech.io
A curated collection of useful tech resources for creatives.
Check it out![Collective229_Tolks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_Tolks.png?x86293)
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![Collective229_AwesomeServiceWorkers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_AwesomeServiceWorkers.png?x86293)
Awesome Service Workers
A curated collection of service worker resources. Created by Tal Ater.
Check it out![Collective229_remoteplaybackapi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective229_remoteplaybackapi.png?x86293)
Remote Playback API
Read the new and exciting spec of the Remote Playback API.
Check it out