Collective #110
Inspirational Website of the Week: 1979 by Deru
![Collective110_1979](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_1979.jpg?x86293)
A compelling artistic website which makes use of some modern web techniques, introducing the new album by composer Benjamin Wynn, a.k.a. Deru.
Get inspiredGoogle Night Walk
![Collective110_nightwalk](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_nightwalk.jpg?x86293)
An immersive night journey through Cours Julien, a neighborhood of Marseille famous for its unique atmosphere and street art. A fantastic digital experience by Google.
Check it outMagic of CSS
![Collective110_magiccss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_magiccss.jpg?x86293)
An excellent textbook by Adam Schwartz with a very practical approach to learning the twisted magic of CSS.
Check it outFont-To-Width
![Collective110_fittowidth](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_fittowidth.png?x86293)
A script by Nick Sherman and Chris Lewis that will fit text into their containers by setting a fitting width or weight variant and allowing for letter- and word-spacing adjustments as needed.
Check it outGitBook
![Collective110_gitbook](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_gitbook.jpg?x86293)
A fantastic command line utility for generating books and exercises using GitHub/Git and Markdown. Made by Codebox.
Check it outFree Font: MODERNE SANS
![Collective110_moderne](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_moderne.jpg?x86293)
Marius Kempken designed this clean sans serif typeface with an art deco flair.
Get itBringing Responsive Images to Browsers
![Collective110_ALA](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_ALA.jpg?x86293)
The feature will help slim down resource-heavy websites, the picture
element, is now official. Read about its story in this article by Mat Marquis on A List Apart.
GridList
![Collective110_gridlist](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_gridlist.jpg?x86293)
An interesting drag and drop library for two-dimensional, resizable and responsive lists by uberVU.
Read itDesigning for Touch
![Collective110_designingfortouch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_designingfortouch.jpg?x86293)
The notes by Brian Thurston Bralczyk on Josh Clark's insightful workshop at An Event Apart on designing for touch. The next part can be found here.
Read itJavaScript OCR
![Collective110_JSOCR](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_JSOCR.png?x86293)
A great JavaScript OCR demo by Konrad Dzwinel that uses some modern technology and libraries.
Check it outInfinite Creativity
![Collective110_InfiniteCreativity](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_InfiniteCreativity.jpg?x86293)
A very inspirational article by Twitter co-founder Biz Stone on how his creative career began.
Read itRegExr: Learn, Build, & Test RegEx
![Collective110_regexr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_regexr.jpg?x86293)
If you know and use RegExr, you'll love this new HTML/JS based version with a clean and modern UI.
Check it outPure CSS Taj Mahal
![Collective110_tajmahal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_tajmahal.jpg?x86293)
A stunning CSS Taj Mahal artwork by Jan Dennison made with Sass.
Check it outFlat Icon Set (60 Icons, PNG, SVG, EPS, PSD, AI)
![Collective110_flaticons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_flaticons.jpg?x86293)
A set of well designed and carefully crafted icons by Roundicons.
Get itFree Font: Densia Sans
![Collective110_densia](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_densia.jpg?x86293)
Densia Sans is an elegant and economic sans serif typeface by Harbor Type. You can name your price for this carefully crafted font.
Get itDynamically generated SVG through SASS + A 3D animated RGB cube!
![Collective110_rgbcube](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_rgbcube.jpg?x86293)
An interesting technique by Lea Verou for generating masked SVG gradients employing Sass.
Check it outHigh impact typography with background-clip: text
![Collective110_bgclip](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_bgclip.jpg?x86293)
Some cool examples of how to use background-clip: text
to create some stunning typography by David Parker. Note that this is only supported in Chrome and Safari.
Avatars and Emoticons Vector Set (AI, EPS)
![Collective110_avatars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_avatars.jpg?x86293)
A great set of avatar components that allow you to create a huge set of different combinations. Designed by FreePik.com.
Get itThe Most Useful Websites and Web Apps
![Collective110_MostUsefulWebsites](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_MostUsefulWebsites.png?x86293)
If you haven't come across this yet: A fantastic collection of links to web tools that do at least one job. Collected by Amit Agarwal. Definitely one for the bookmarks.
Check it outResources
![Collective110_Resources](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_Resources.jpg?x86293)
Dan Edwards has compiled this highly useful list of qualitative resources for designers.
Check it outBeardSwipe
![Collective110_beardswipe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective110_beardswipe.jpg?x86293)
Fingerprint recognition is for sissies, follicle pattern as passwords are the future! A hairily amusing April Fools Day joke by iStrategyLabs.
Beard it