Collective #64

View All

JS Regex * Common Patterns * Polymer * Flat Icons * Label.css * UX * Fitgrd * Multiple Select * Free Fonts

Collective 64

Inspirational Website of the Week

Collective64_playground

Playground Inc. is our pick this week because of their stunning SVG animations.

Get inspired

Common Patterns in Styleguides, Boilerplates and Pattern Libraries

Collective64_styleguidesboilerplates

Following Dave Rupert's idea of "Tiny Bootstraps, for Every Client", Tyler Sticka from Cloud Four creates an incredibly useful spreadsheet which documents common patterns in existing frameworks.

Check it out

JavaScript Regular Expression Enlightenment

Collective64_regex

Cody Lindley has put together this essential and excellent guide for JavaScript regular expressions.

Check it out

Polymer

Collective64_polymer

If you are excited about Web Components (you should be!) then you'll definitely be interested in this promising library.

Check it out
Advertisement

Providing The Best Mobile User Experience Possible

Collective64_bestmobileux

Luca Passani gives us some great insights and tips on how to make the mobile user experience better.

Read it

Codeblock.js

Collective64_codeblockjs

Codeblock.js is a jQuery plugin for creating editable and runnable blocks of JavaScript code. This is especially useful for demos and API documentation.

Check it out

Design & Code (PSD)

Collective64_designcode

Diogo Dantas created this clean and elegant PSD website template. Great for customization and soon available coded in HTML & CSS.

Get it

GUIFFF

Collective64_guifff

GUIFFF is a collection of animated GIF Dribbble shots. Absolutely superb for some fresh interaction inspiration.

Check it out

Label.css

Collective64_labelcss

Label.css is a smart little style sheet that will make labeling any element a breeze. Made by Hossein Emrani.

Check it out

Intention vs. Interpretation: What Matters?

Collective64_intentioninterpretation

Thomas Wendt dives into the concept of meaningful user experience and explains the importance of understanding the interplay between designer intention and user interpretation.

Read it

Fitgrd Responsive Grid

Fitgrd is a light-weight responsive grid foundation for rapid prototyping built by abteilungweb.

Check it out

Multiple Select

Collective64_multipleselect

Multiple Select is a jQuery plugin that will create a check-box based select multi-select element.

Check it out

20 tips for building modern sites while supporting old versions of IE

Dave Methvin and Rey Bango give us a great overview of some useful best practices for developing modern websites while supporting old versions of Internet Explorer.

Check it out

WAAX (Web Audio API eXtension)

Collective64_WAAX

WAAX is an experimental JavaScript library for music and audio programming built on top of Web Audio API in Chrome.

Check it out

Flat Icons (PNG)

Collective64_flaticonsset

A huge set of flat-style icons from iconShock. You can get a free download link by signing up with your email address.

Get it

Free Font: Yuma

Collective64_yuma

Yuma is an interesting, experimental font inspired by traditional Navajo textiles. Designed by Gumpita Rahayu.

Get it

24 Flat Icons (PSD)

Collective64_flaticons

Some really beautiful flat icons designed by Jan Dvořák for Premium Pixels.

Get it

Handy Sass Mixins

Collective64_mixins

If you are using Sass, you'll definitely find these handy mixins by Jake Bresnehan interesting for your next project.

Check it out

On Scroll Device Changing

Collective64_scrolldevice

Talented Peiwen Lu created this cool pen that changes the devices on scroll.

Check it out

CSS only 3d Macbook Air

Collective64_macbookair

A awesome pen by Burak Can of a CSS-only MacBook Air with animation.

Check it out

Free Vector Device Icon Pack (PSD)

Collective64_freevectordevice

A set of pixel-perfect popular media devices by Nathan Brown for WeGraphics.

Get it

Free Font: Cool Weekdays

Collective64_coolweekdays

Roland Hüse designed this packages inspired font and offers the thin italic style for free.

Get it

7Min: A Quick Workout Timer

Collective64_7MINWORKOUT

And now it's time to get off your lazy programmer's butt and work out! You can do it in style with the help of this brilliant 7 minute workout timer.

Check it out

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here