Collective #79

Inspirational Website of the Week

Collective79_websiteoftheweek

The website of Bienville Capital is beautifully designed and has some smooth transitions with a light typography. Our pick this week.

Get inspired

Custom Elements: defining new elements in HTML

Collective79_customelements

Eric Bidelman explains how Custom Elements will allow web developers to define new types of HTML elements and create much more meaningful and maintainable web apps.

Check it out

Salvattore

Collective79_salvattore

Rolando Murillo and Giorgio Leveroni developed Salvattore, a brilliant jQuery Masonry alternative with CSS-driven configuration.

Check it out

Stop Designing for “Users”

Collective79_stopdesigningforusers

“Design for Activities, Not Individuals” — that’s the message of this interesting article by Mike Long.

Read it

Advertisement

Free Font: South Rose

Collective79_southrose

Sydney Goldstein designed South Rose, a font that is inspired by the South Rose Window at the Notre Dame Cathedral.

Get it

Streamline Icon Set (SVG)

Collective79_streamline

A gigantic icon set that consists of 100 clean and meaningful icons designed by Webalys.

Get it

Fun with Sass & font icons

Collective79_sassfonticons

Jayden Seric shows how to use icon fonts with Sass.

Check it out

Ballicons (PSD, PNG)

Collective79_ballicons

Get 15 of these pixel-perfect flat icons for free. Designed by Nick Frost.

Get it

device.js

Collective79_devicejs

Device.js by Matthew Hudson makes writing conditional CSS and JavaScript based on device operating system, orientation and type easy. It inserts CSS classes into the element allowing for custom targeting.

Check it out

Parallax.js

Collective79_parallaxjs

This parallax script by Matthew Wagerfield reacts to the orientation of a smart device and where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Check it out

intention.js

Collective79_intentionjs

Intention.js offers a light-weight and clear way to dynamically restructure HTML in a responsive manner. By WSJ Design.

Check it out

Free Font: Sabado Alternative

Collective79_sabado

Sabado Alternative is an exquisite and unique type family designed by Frank Hemmekam.

Get it

Create CSS3: Easy CSS3 Generator

Collective79_createcss3

With Create CSS3 you can quickly style an element with all the fancy and hard to remember properties and copy the generated code.

Check it out

Connected UX

Collective79_connectedux

Aarron Walter shares his experience on how a connected approach to data research has helped understand problems and ultimately made usability improvements possible.

Read it

Long Flat Shadow Generator (PSD)

Collective79_longflatgenerator

Another helful long shadow generator PSD, this time by Pixeden.

Get it

Visualising JavaScript Processing Over Time With DevTools Flame Charts

Collective79_flamecharts

If you’d like to have an insight on your app’s JavaScript processing over time, then you’ll definitely find this video and article by Addy Osmani on DevTools Flame Charts very useful.

Check it out

The HTML5 progress Element

Collective79_progressbar

Pankaj Parashar dives into the HTML5 progress element, how to us and style it.

Check it out

drumbit

Collective79_drumbit

This drum machine is a wonderful example of how to use the Web Audio API by João Carlos Santos.

Check it out

Physics”R”us

Collective79_physicsrus

Physics”R”us by Ju Hyung Lee is a 2D physics engine written in JavaScript.

Check it out

Force Margin/Space Between List and Floated Image

Collective79_marginspace

Jeff Starr shares this smart technique that will fix the “collapsed” margin problem.

Check it out

ChocolateChip UI

Collective79_chocolatechipui

ChocolateChip-UI is a framework for making mobile Web apps based on three components: semantic HTML5 markup, CSS and JavaScript.

Get it

Bootstrap 3 Grid Builder using Angular JS

Collective79_bootstapgridbuilder

A helpful tool for creating Bootstrap 3 layouts using Angular JS. Made by Jay Kanakiya.

Check it out

wri.pe

Collective79_wri.pe

A simple, yet powerful note taking service that can be used anywhere. It supports Markdown, automatic calendar entries from dates and offers useful shortcuts.

Check it out

Free Font: Sanotra

Collective79_sanotra

Sanotra by Emraan Mayow is a beautifully creative typeface with a free lite version.

Get it