A pre-processor is a tool for interpreting CSS before sending out to the client. This means that the developer can add CSS in a more complex syntax, and then send it to the pre-processor to convert it into standard CSS code.

CSS Crush is a PHP based CSS pre-processor that automagically handles vendor prefixes, CSS variables, data-uris, minification and much more.

It aims to alleviate many of the hacks and workarounds necessary in modern CSS development.

ExColor is a Free jQuery color picker plugin to select colors from a Photoshop-like color picker.

Can be appended to form input text fields and allow the user to choose his desired color, instead of entering the color code.

A custom color picker skin creator (wizard) is also available to customize as per your needs.

FlyJSONP is a small JavaScript library that allows you to do cross-domain GET and POST requests with remote services that support JSONP, and get a JSON response.

By using the YQL service, FlyJSONP has a small footprint and no dependencies.

Major Features

• Cross-domain GET & POST requests with JSON response
• Control over the callback parameter name for GET requests
• No other dependency on other JavaScript frameworks

Greepit has previously shared many Free GUI PSD Kits, few are listed for our readers.

• Free Android GUI Vector PSD (High Pixel Density)
• 30+ Photoshop Templates With Layered PSD Source Files
• Free Mobile UI PSD Elements: Mobility

Today, we are sharing Free Google+ GUI PSD Kit with Layered source files. The Google Plus GUI PSD is released under Creative Commons.

You can use it for all your projects for free and without any restrictions. You may modify the kit as you wish.

Launch Effect is a free one-page WordPress theme that lets you create a viral campaign in minutes.

Here’s how it works:

• Visitors to your website sign up using their email
• Upon signing up, it generates a special URL to share with their friends
• Use the URL to track your active referrers & reward them for spreading the word

The Launch Effect comes with an easy-to-understand built-in stats page accessible only by you. The stats track who spread the word about your site, and who signed up as a result.

The Launch Effect comes fully-equipped with a robust Theme Options panel that allows you to customize your Launch Page to suit your business—add your own cinematic background, customize colors, upload your logo, and even display a video all from our sleek user interface.

Is your site being increasingly viewed on smaller, slower, low bandwidth devices? Your desktop-centric images load slowly, cause UI lag, and cost your visitors un-necessary bandwidth and money? You’ve implemented a responsive design in CSS, and need something to adapt your images too?

Adaptive Images automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

Major Features

• Works on your existing site
• Works with any CMS, or no CMS
• Works on your server, not the cloud
• Easily configurable
• Device agnostic
• Adheres to a mobile-first philosophy
• Up and running within minutes

Flexible Nav is a small jQuery library which add a smart navigation bar on the right of the page. It improves a web page navigation and helps to visualize different sections of a document, an article,.. any web page.

Nav links are distributed proportionally to the page sections. The library can generate for you the nav sidebar content providing elements to display in navigation.

By default, it uses h1 to h3 elements to retrieve and locate the different sections of a document but you can override these elements selector.

Web fonts bring more elegance and vibrancy to the website design. Sometimes you may come across websites using cool web fonts and may want to know what font is that.

Fount is a bookmarklet which tells you that what font is in your font-stack. All you have to do is drag Fount bookmarklet in your browser, go to any web page and click on the Fount bookmarklet, click on the text anywhere on the web page and it will display what font is used along with the font size and weight.

Fount is a small yet handy tool for quickly identifying fonts used on websites.

BubblesJS is a JavaScript library for adding subtitles (.SRT Subtitles) and captions for HTML5 videos.

Its extremely easy to set up & configure, and the way it works is fairly simple. Progress can be tracked using element.currentTime, and it includes a built-in srt parser. The first parameter to subtitles is the type of parser, false makes it use the built-in one but remote parsers can also be used.

Major Features

• Framework agnostic – non obtrusive code, compatible with most of frameworks and libraries
• Hidden links in videos – clicking a section of the video and triggering a callback
• Existing .SRT support – no need for new formats
• The ability to process (srt) files on server-side or client side
• Support for multiple languages (in subtitles)
• Track people who viewed your video

Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript, and you’re away!

It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

Portamento also has sensible behaviour if the user’s viewport is too small to display the whole panel, so you don’t need to worry about users not being able to see your important content.