Inspirational Website of the Week

Collective19_12

Lotta Nieminen's portfolio is our choice for this week's website inspiration. It's very clean and it comes with a surprising and smooth content navigation.

Get inspired

Creating A Volume Controller With jQuery UI Slider

Collective19_05

Learn how to code a jQuery UI Slider from a PSD in this great tutorial by Thoriq Firdaus.

Read it

PHP - The Right Way

Collective19_18

"PHP: The Right Way" is an easy-to-read, quick reference for PHP best practices, accepted coding standards, and with links to authoritative tutorials around the Web. It's created and maintained by Josh Lockhart.

Read it
Advertisement

Free Font: Ashbury Light

Collective19_14

Ashbury derives its inspiration from 18th century transitional types such as Caslon and Baskerville. Get the light style of this elegant font for free.

Get it

Free Twitter Logo (EPS/PSD)

Collective19_20

A great and useful freebie from blugraphic.com: the new twitter logo in EPS and PSD.

Get it

Building a Responsive, Mobile-First Navigation Menu

Collective19_03

Saddam Azad shows us how to develop a complex responsive navigation menu using the “Mobile-First Approach“. The aim is to present mobile users with a pseudo-native, touch-conducive and interactive interface that enables them to navigate the website with ease.

Read it

Mousetrap

Collective19_01

Mousetrap is a simple and leight-weight library for handling keyboard shortcuts in Javascript. It is a standalone library with no external dependencies.

Try it

Free Font: Triac 71

Collective19_07

Ray Larabie offers us this exquisite font for free: Triac 71 is a funk related funk font with funky proportions, funky design and funkular execution.

Get it

Bromine: JS Library for UI Testing in the Browser

Collective19_04

Bromine is a tool for running UI tests in the browser. It provides a simple-to-use flow control mechanism, as well as utilities for executing DOM events.

Read it

Brain NN Library

Collective19_02

Brain is a JavaScript neural network library. If you have worked with neural networks, you'll love this JS library. You can also use it in node.js.

Check it out

Learn Git in 15 Minutes

Collective19_06

Got 15 minutes and want to learn Git? Then you'll enjoy this easy-to-follow and great step-by-step interactive tutorial by GitHub.

Learn it

jQuery UI Touch Punch

jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. It is tested on iPad, iPhone, Android and other touch-enabled mobile devices.

Check it out

DZSlides

Collective19_08

DZSlides is a one-page-template to build your presentation in HTML5 and CSS3 by Paul Rouget.

Try it

Creating a Slider Control with the HTML5 Range Input

Collective19_09

Learn how create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the range.

Read it

Windows Style Dashboard Template (PSD)

Collective19_10

Asif Aleem shares this beautiful PSD template with us.

Get it

Repo.js

Collective19_11

Darcy Clarke brings us Repo.js. It is a light-weight jQuery plugin that lets you easily embed a Github repo onto your site. As a plugin or library author this is a great way to showcase the contents of a repo on a project page.

Get it

CSS3 Attribute Selector: Targeting The File Type

Collective19_13

Learn how to use the CSS attribute selector in order to target specific file types in yet another great tutorial by Thoriq Firdaus.

Read it

Free Font: Troll Bait

Collective19_19

Another free font by Ray Larabie: Troll Bait just screams "roleplaying".

Get it

Recline.js

Collective19_15

Recline.js is simple, yet powerful library for building data applications in pure Javascript and HTML.

Check it out

GitList: An Elegant and Modern Git Repository Viewer

Collective19_16

GitList allows you to browse repositories using your favorite browser, viewing files under different revisions, commit history and diffs. GitList is free and open source software, written in PHP, on top of Silex and the Twig template engine.

Try it

Rivets.js

Collective19_17

Rivets.js is a declarative, observer-based DOM-binding facility that plays well with existing frameworks such as Backbone.js, Spine.js and Stapes.js. It aims to be lightweight (1.2KB minified and gzipped), extensible, and configurable to work with any event-driven model.

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.