BoxJS and BoxCSS are two different-yet-similar services built by the same developer team which offer a simplified method in compressing JavaScript and CSS files, serving the minimized versions and caching them.

They are free-to-use web apps which BoxJS requires including a lightweight JavaScript file (1.4kb) in web pages, specifying the JS files with a simple function and the service returns the minified + combined (into a single file) JavaScript file.

BoxCss - BoxJS

BoxCSS works by using the service's URL as the source of the CSS file but passing the original file's location as a querystring parameter.

Besides JavaScript and CSS, CoffeeScript and LESS is supported as well.

The drawback can be the need of relying to the CDN used by the services. In this case, you can use the service as a minifier and use the processes source file.

Captchas are usually hard to use and boring. However they help a lot in minimizing headaches on the application-side by making sure that "an action is performed by a human".

MotionCAPTCHA, a jQuery plugin, offers a different type of captcha by asking the users to draw the shape displayed. It is not only different but also fun and can even be easier to-use for touch devices.

The project is currently a proof-of-concept considering the captcha is only verified on the client-side and can be manipulated. However, the next version is planned to have server-side and better browser support. Looking forward to it!

MotionCAPTCHA

When browsing a website, we sometimes see a beautiful font, wonder what it is, check the source + CSS file (or Firebug) and get the answer. Sounds familiar?

WhatFont is a bookmarklet that eases this process so much. Once pressed, it displays the font used for any text hovered.

WhatFont

If you click on the text, it drops a pin with the details of the font including style, weight, line-height and font-size. These pins are not removed after each click, so, multiple items can be easily compared.

Also, WhatFont detects fonts served from services like Typekit or Google Font API and displays this info.

Simply, a must-use for every web designer.

Git is one of the most popular version control systems out there and, if you use it, you will find Gitalist very useful.

It is an open source web application for viewing local and/or remote git repositories in an easy-to-browse interface.

Gitalist

Gitalist can connect to multiple repositories and branches. The application can display the differences in commits and present the history color-coded.

There are both short + long log views and it generates an Atom feed of the commits for the followers.

JSColor is a simple and very easy-to-implement JavaScript library that transforms any given input into a color picker.

The picker is a hidden layer, doesn't use any pop-ups and can be positioned on any side of the input field.

JSColor

It has 2 modes; HSV (hue saturation, value) or HVS, can be set to display a default color on initial load and its look can be customized.

There are functions provided for showing/hiding the color picker and it can generate RGB or HSV values from a HEX input.