Resources

Inspiring Resources for Designers.

Web designers are always looking for new and original ideas to implement in their projects. Here is a collection of six useful resources that help you find the right inspiration.

Tubular
is an interesting jQuery plugin that lets you set a YouTube video as your page background. The only thing you have to do is to add the code to your body tag and specify a YouTube video ID. The result is really impressive and spectacular.

Supersized 3.1 is a jQuery Plugin that lets you set a fullscreen background slideshow with Flickr Support. It allows you to resize images to fill browser while maintaining image dimension ratio, cycle images via slideshow with transitions and preloading and much more.

D3.js is a small, free JavaScript library for manipulating documents based on data. D3 allows you to bind arbitrary data to a Document Object Model and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG complex bar chart with smooth transitions and interaction.

Isotope
is another jQuery plugin for implement “magical layouts” on your pages. It allows to reveal and hide items with filtering, re–order items with sorting dynamic, implement intelligent layouts with transition and animations.

JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team’s coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in.

Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element. It makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.