Collective #127
Inspirational Website of the Week: DUNCKELFELD
![Collective127_siteoftheweek](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective127_siteoftheweek.png?x86293)
An incredibly smooth interactive experience and an impeccable design made this website our pick of the week.
Get inspiredCSS Triggers
![Collective127_csstriggers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_csstriggers.png?x86293)
A definitive reference for what work is triggered by changing various CSS properties. Read more about it in this article by Paul Lewis.
Check it outUnderstanding SVG Coordinate Systems & Transformations (Part 2): The <transform> Attribute
![Collective127_svgcoordsys](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_svgcoordsys.png?x86293)
The second part of a really great guide to understanding the SVG coordinate system and transformations by Sara Soueidan.
Read itSVG Masks
![Collective127_svgmasks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_svgmasks.png?x86293)
A fantastic demo by Yoksel that shows the power of SVG masks.
Check it outFontface Ninja
![Collective127_fontfaceninja](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_fontfaceninjs.png?x86293)
With Fontface Ninja you can instantly find out what fonts are used on a website and experiment with it.
Check it outPoints Of Interest
![Collective127_pointsofinterest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_pointsofinterest.png?x86293)
A beautiful component by Claudia Romano from Cody for showing points of interests of products.
Check it outAnimating SVG text On A Path
![Collective127_svgpath](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_svgpath.png?x86293)
Learn how to animate SVG text on a path in this great tutorial by Joni Trythall.
Check it outFree Lined Icons (AI)
![Collective127_Lineicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective127_Lineicons.jpg?x86293)
A beautiful little freebie by buatoom.
Get itLet's Talk About RTL
![Collective127_rtl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_rtl.png?x86293)
A great guide on how to create RTL websites by Ahmad Alfy.
Read itCreating dub delay effects with the Web Audio API
![Collective127_webaudioapi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_webaudioapi.png?x86293)
Chris Lowis shows you how to make some seriously cool dub delay effects with the Web Audio API.
Check it outFree Font: Thin Line Font
![Collective127_thinlinefont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_thinlinefont.png?x86293)
Gatis Vilaks shares this unique and harmonious font for free.
Get itbaguetteBox.js
![Collective127_baguetteboxjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective127_baguetteboxjs.png?x86293)
A simple and easy-to-use JavaScript lightbox script.
Check it outHow we make RWD sites load fast as heck
![Collective127_rwdfast](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_rwdfast.png?x86293)
Some great advice and tips how to make responsive websites load fast. An article by Scott Jehl.
Read itT3
![Collective127_t3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_t3.png?x86293)
T3 is a template to build three.js applications without worrying about the common set up process and allowing multiple applications per page. Made by Mauricio Poppe.
Check it outAn Alphabet of Accessibility Issues
![Collective127_alphabet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective127_alphabet.jpg?x86293)
Anne Gibson lists 26 personae as examples of why we need to make simple, readable, effective content on the web.
Check it outGame About Squares
![Collective127_gamesquares](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_gamesquares.png?x86293)
A really cool and addictive little game by Andrey Shevchuk.
Check it outThe jungle of mobile HTML5 development
![Collective127_html5jungle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective127_html5jungle.png?x86293)
A solid collection of HTML5 mobile development resources by Yacine Rezgui.
Read itFull-width pinned layouts with flexbox
![Collective127_fullwidthflexbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_fullwidthflexbox.png?x86293)
Learn how to use flexbox to pin two things to opposite ends of the viewport with a heading centered in between. A tutorial by Zoe Mickley Gillenwater.
Check it outRadio-Controlled Web Design
![Collective127_radiocontrolledwd](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective127_radiocontrolledwd.png?x86293)
Radio-control the web? Art Lawry explains how the radio button technique can help spare some JS and therefore make websites lighter.
Read it