Collective #110
Inspirational Website of the Week: 1979 by Deru

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

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

An excellent textbook by Adam Schwartz with a very practical approach to learning the twisted magic of CSS.
Check it outFont-To-Width

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

A fantastic command line utility for generating books and exercises using GitHub/Git and Markdown. Made by Codebox.
Check it outFree Font: MODERNE SANS

Marius Kempken designed this clean sans serif typeface with an art deco flair.
Get itBringing Responsive Images to Browsers

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

An interesting drag and drop library for two-dimensional, resizable and responsive lists by uberVU.
Read itDesigning for Touch

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

A great JavaScript OCR demo by Konrad Dzwinel that uses some modern technology and libraries.
Check it outInfinite Creativity

A very inspirational article by Twitter co-founder Biz Stone on how his creative career began.
Read itRegExr: Learn, Build, & Test RegEx

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

A stunning CSS Taj Mahal artwork by Jan Dennison made with Sass.
Check it outFlat Icon Set (60 Icons, PNG, SVG, EPS, PSD, AI)

A set of well designed and carefully crafted icons by Roundicons.
Get itFree Font: Densia Sans

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!

An interesting technique by Lea Verou for generating masked SVG gradients employing Sass.
Check it outHigh impact typography with background-clip: text

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)

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

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

Dan Edwards has compiled this highly useful list of qualitative resources for designers.
Check it outBeardSwipe

Fingerprint recognition is for sissies, follicle pattern as passwords are the future! A hairily amusing April Fools Day joke by iStrategyLabs.
Beard it