Bi-Weekly Frontend News

Collective #110

Inspirational Website of the Week: 1979 by Deru

Collective110_1979

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 inspired

Google Night Walk

Collective110_nightwalk

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 out

Magic of CSS

Collective110_magiccss

An excellent textbook by Adam Schwartz with a very practical approach to learning the twisted magic of CSS.

Check it out

Font-To-Width

Collective110_fittowidth

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 out

GitBook

Collective110_gitbook

A fantastic command line utility for generating books and exercises using GitHub/Git and Markdown. Made by Codebox.

Check it out
Advertisement

Free Font: MODERNE SANS

Collective110_moderne

Marius Kempken designed this clean sans serif typeface with an art deco flair.

Get it

Bringing Responsive Images to Browsers

Collective110_ALA

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.

Read it

GridList

Collective110_gridlist

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

Read it

Designing for Touch

Collective110_designingfortouch

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 it

JavaScript OCR

Collective110_JSOCR

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

Check it out

Infinite Creativity

Collective110_InfiniteCreativity

A very inspirational article by Twitter co-founder Biz Stone on how his creative career began.

Read it

RegExr: Learn, Build, & Test RegEx

Collective110_regexr

If you know and use RegExr, you'll love this new HTML/JS based version with a clean and modern UI.

Check it out

Pure CSS Taj Mahal

Collective110_tajmahal

A stunning CSS Taj Mahal artwork by Jan Dennison made with Sass.

Check it out

Flat Icon Set (60 Icons, PNG, SVG, EPS, PSD, AI)

Collective110_flaticons

A set of well designed and carefully crafted icons by Roundicons.

Get it

Free Font: Densia Sans

Collective110_densia

Densia Sans is an elegant and economic sans serif typeface by Harbor Type. You can name your price for this carefully crafted font.

Get it

Dynamically generated SVG through SASS + A 3D animated RGB cube!

Collective110_rgbcube

An interesting technique by Lea Verou for generating masked SVG gradients employing Sass.

Check it out

High impact typography with background-clip: text

Collective110_bgclip

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.

Read it

Avatars and Emoticons Vector Set (AI, EPS)

Collective110_avatars

A great set of avatar components that allow you to create a huge set of different combinations. Designed by FreePik.com.

Get it

The Most Useful Websites and Web Apps

Collective110_MostUsefulWebsites

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 out

Resources

Collective110_Resources

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

Check it out

BeardSwipe

Collective110_beardswipe

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

Beard it