Design Resources for Designers and Developers
WP Rocket - WordPress Caching Plugin

Design Resources for Designers and Developers


Many of us follow many creative designers and developers as well as websites that talk about or release resources to aid design community. We write down all every day and from the outset of each full week we bring them together and share with you. Most of the instruments, plugins, freebies for example. are mostly latest releases or the ones you might not have seen nevertheless. We hope you get them useful to your existing or impending design projects.

Note: If you think you’ve something useful regarding design community feel liberal to contact us; maybe you we can share that with our readers in our next article.

Also do have a look at Collection of Free Resources for Web Designers Part I

Tags-free PSD

[button color=”blue” link=”http://365psd.com/day/3-113/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

BigVideo.js

Bigvideo.js is a plugin for big background video.This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video.

[button color=”blue” link=”http://dfcb.github.com/BigVideo.js/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Uberlayer

Uberlayer is a Mac app that puts one image on top of all other windows of your computer screen at its actual size.Simply it is a good tool to show off to colleagues with that hot picture of your new design.

[button color=”blue” link=”http://twelvetwenty.nl/apps/uberlayer” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

equalize.js

equalize.js is a jQuery plugin for equalizing the height or width of elements.Call the plugin on the parent of the elements to equalize their height. Equalize will accept any of the jQuery Dimension methods: height, outerHeight, innerHeight, width, outerWidth, innerWidth.

[button color=”blue” link=”http://tsvensen.github.com/equalize.js/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Frank DeLoupe

This is a new color picking tool for Mac OS X available on Mac App store.With this tool you can pick any color and then copy paste the value from the clipboard to your editor of choice.

[button color=”blue” link=”http://jumpzero.com/frank/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Allofthelights.js

iAllofthelights.js is a jQuery plugin that allows to switch off the light, for your videos to stand out.Allofthelights.js works better with modern browsers. The script has been tested on Chrome 21.0, Firefox 15, Opera 12.0, Safari 4.0, IE7, IE8 and IE9.

[button color=”blue” link=”http://www.megaptery.com/allofthelights/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement.

[button color=”blue” link=”http://yconst.com/web/freetile/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Insta GUI-free PSD

[button color=”blue” link=”http://365psd.com/day/3-116/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Meny

Meny is a three dimensional and space effecient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices.

[button color=”blue” link=”http://lab.hakim.se/meny/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Fontly

Fontly is a web and iPhone application that let users to discover and share vintage typography by location.You simply take the picture,title and tag.Your picture will be automatically geo-tagged and added to Fontly’s feed, map, and website.

[button color=”blue” link=”http://font.ly/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Znikomit№25-free font

New, dec­o­ra­tive font Znikomit№25 based on my font Znikomit

[button color=”blue” link=”http://www.glukfonts.pl/font.php?l=en&font=ZnikomitNo25″ target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

IPhone Wood Ui-free PSD

[button color=”blue” link=”http://dribbble.com/shots/719904-IPhone-wood-Ui-PSD-Freebie” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Electro Promo-free font

[button color=”blue” link=”http://www.hypefortype.com/browse-fonts/free/electro-promo.html” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

tiltShift.js

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

[button color=”blue” link=”http://www.noeltock.com/tilt-shift-css3-jquery-plugin/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Bondoluo-free font

[button color=”blue” link=”http://www.behance.net/gallery/Bondoluo-free-font/4992249″ target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Corporate Brochure 12 Pages

(Graphicriver-free file of the month)

Size: 270×210mm – Pages: 12 – Resolution: 300 dpi – Color mode: CMYK – Bleed: 3mm – Color themes: Red, Blue, Green, Orange.

[button color=”blue” link=”http://graphicriver.net/item/corporate-brochure-12-pages-/301830?WT.ac=free_file&WT.seg_1=free_file&WT.z_author=Black3ye” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Amplifier Business & Portfolio Template

(Themeforest-free file of the month)

[button color=”blue” link=”http://themeforest.net/item/amplifier-business-portfolio-template/476471?rel=suresh_p12″ target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

Screenqueri

Screenqueri is apixel perfect Responsive Design testing tool.You can view you website directly or localhost addresses.

[button color=”blue” link=”http://screenqueri.es/” target=”_blank” font=”georgia” align=”left”]Source[/button][divide]

CSScience

CSScience is a responsive CSS3 slider without javascript.

[button color=”blue” link=”http://csscience.com/responsiveslidercss3/” target=”_blank” font=”georgia” align=”left”]Source[/button]

[box type=”note” align=”aligncenter” ]We would love to hear your opinion, so please comment below. And don’t forget to subscribe to the RSS-feed and follow Pixel2Pixel Design on Twitter + Facebook (100% Spam Free!).[/box]

Written by
Suresh Patel
Join the discussion

Let’s get social

Web design blog for professionals with topics focusing on useful design techniques, design best practices and design inspiration. Subscribe for updates!

15585

JOIN OUR GROWING LIST OF SUBSCRIBERS!

Following our blog is a great way to make sure that you are up to date on the latest and greatest Freebies and WordPress news.

15856