Collective #169
![Collective169_dreamteam](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_dreamteam.png?x86293)
Inspirational Website of the Week: DreamTeam Katarzyna Konkowska
A stunning web experience with smooth animations and an explosion of creativity. Our pick this week.
Get inspired![Collective169_artdirectingsvg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_artdirectingsvg.png?x86293)
Art-Directing SVG Images With The viewBox Attribute
A brilliant article by Sara Soueidan on how to use the SVG viewBox attribute for effortless art direction.
Read it![Collective169_SmartIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_SmartIcons.png?x86293)
SmartIcons
A fantastic icon app and system that will give you more freedom for styling and using SVG icons.
Get it![Collective169_visited](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_visited.png?x86293)
Revisiting :Visited
A great article on the forgotten and underused :visited pseudo-class by Joel Califa.
Read it![Collective169_Bukku](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_Bukku.png?x86293)
Bukku: HTML/CSS Template
A gorgeous HTML template with PSD by Filip Petrovic and Luka Cvetinovic. Have a look at the preview.
Check it out![Collective169_cssviewportunits](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_cssviewportunits.png?x86293)
Simplify Your Stylesheets With The Magical CSS Viewport Units
Learn how to utilize the super-useful viewport units. A tutorial by Danny Markov from Tutorialzine.
Read it![Collective169_EndofGlobalCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_EndofGlobalCSS.jpg?x86293)
The End of Global CSS
A brilliant article by Mark Dalgleish on how to achieve true modularization of CSS with WebPack.
Read it![Collective169_TestingWP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_TestingWP.jpg?x86293)
Testing For And With Windows Phone
Daniel Herken shows some tips and tools for testing with a Windows Phone.
Check it out![Collective169_PE](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_PE.jpg?x86293)
The Ryanair approach to progressive enhancement
An enlightening article by Christian Heilmann with a brilliant analogy to progressive enhancement.
Read it![Collective169_ikaros](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_ikaros.png?x86293)
Free Font: Ikaros
Matt Ellis designed this beautiful typeface and offers it for free.
Get it![Collective169_micons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_micons.png?x86293)
231 Micons (AI, SVG)
A lovely set of 231 clean icons desgined by Cosmin Negoita for Iconjar.
Get it![Collective169_illustrize](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_illustrize.png?x86293)
Illustrized
A really cool Google Experiment by Yuichiroh Arai's with WebGL and web cam input.
Check it out![Collective169_textmasks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_textmasks.png?x86293)
Easy Cross-Browser Text Masks with Blend Modes
Dudley Storey's smart text-clipping technique using CSS Blend Modes.
Check it out![Collective169_Awesome](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_Awesome.png?x86293)
Awesome - A curated list of awesome lists
An awesome curated list of awesome curated lists by Sindre Sorhus :)
Check it out![Collective169_carousel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_carousel.png?x86293)
How to make a carousel using only HTML and CSS (no JavaScript required!)
Dan Cortes' nice solution for a carousel without JavaScript.
Check it out![Collective169_ThreeShapes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_ThreeShapes.png?x86293)
If you can draw these three shapes, you can draw the Internet
A great tutorial by James Buckhouse on how to draw anything with three basic shapes.
Check it out![Collective169_ExtendingStyles](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_ExtendingStyles.png?x86293)
Extending Styles
Following Simurai's article on how to extend styles, Philip Walton shares his thoughts on the topic.
Read it![Collective169_flexboxdice](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_flexboxdice.png?x86293)
Getting Dicey With Flexbox
A brilliant way to understand and learn flexbox: Landon Schropp shows how to create dice faces using flexbox.
Check it out![Collective169_canvassvgscaling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_canvassvgscaling.png?x86293)
Using canvas to fix SVG scaling in Internet Explorer
A clever canvas-based hack for fixing SVG scaling in IE by Nicolas Gallagher.
Check it out![Collective169_aftereffectscss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective169_aftereffectscss.png?x86293)
Making the transition from animating in After Effects to CSS
Not from this week but definitely worth a read if you use AE: Ryan Brownhill guides you through the transition of animating in AE to CSS.
Read it