Connect With WRD
feed via e-mail
feed via e-mail

Keypress is a JavaScript library for capturing keyboard inputs and manipulating them flexibly.

It can be used for simple cases (like if “x” is pressed, trigger a function) and more advanced scenarios like creating combos of any type.

The library has callbacks for keyup + keydown events, an option exists for capturing the input only once and much more.

Keypress

PACE is a JavaScript library for adding good-looking loading bars to any website with ease.

There are multiple loading effects: YouTube-like, corner indicator, page fill and more.

PACE.js

It requires very less effort; simply insert the JavaScript file with the selected theme and PACE works automatically for page load and ajax requests.

The library doesn’t require any JS frameworks and can, optionally, be tweaked manually.

FireShell is an open source framework for quickly creating a front-end boilerplate and workflows.

It comes with an HTML5 boilerplate (baseline HTML5 features, DNS prefetching, responsive meta) and Sass (with pre-setup files and folders).

FireShell

Grunt.js is used for compiling Sass, concatenating JavaScript files, connecting to a localhost server and live file reloads + injection.

Also, FireShell includes popular libraries like jQuery, Moderniz, HTML5 Shiv and Google Analytics code.

Are you planning to sell something online or, maybe, you are already selling (an icon set, app, theme, book, etc.).

Stand to Make is a free web-based tool that helps calculating potential earnings.

Stand to Make

It has a list of popular payment providers with a comparison of their fees. The app simply asks the user:

  • product price,
  • estimated sales numbers,
  • and payment provider.

After that, it auto-calculates the daily, weekly, monthly and annual earnings (+payment fees).

There are various jQuery-powered solutions for creating tabs quickly and easily.

Tabslet is another alternative for the task and has support for multiple handy features.

jQuery Tabs Plugin - Tabslet

It simply converts an unordered list into a tabbed interface and has callbacks on major events (when the tab is clicked or the tab content is loaded).

Also, tabs can be rotated automatically on given intervals and their content can be displayed with an animation.

Solo is a free project management application that is built with freelancers in mind.

It is self-hosted, created with PHP and uses MySQL for storing the data.

The application has a slick interface where a single user (limited to a user) can create any number of projects + tasks and bind them with clients.

Free Project Management Tool - Solo

Tasks can be easily searched, reordered with drag ‘n’ drops and files can be attached to them.

File uploader is also powerful, it can handle multiple files and has inline file previews.

There is a project calendar to view tasks quickly, an activity stream shows all the footprint of yours and a timer helps you keep track of the time spent for each task/project/client.

When using text over images, if the image is random, the text can become unreadable once the text + image colors are similar.

BackgroundCheck is a small JavaScript library for preventing such issues by auto-changing the style of the element to a darker or lighter one.

BackgroundCheck

Once an element overlaps an image, it adds  .background--dark or .background--light classes to it. And, creating the related styles for each class would be enough.

It is possible to limit the functionality to only selected images, define the dark/light threshold and more.

There are lots of possible design scenarios for a WordPress theme: “how a post will look with a featured image or embedded tweet”, “will lists with x depth fit well”.. and more.

WP Test is a free-to-use test data for WordPress that can be installed to find out “how the theme will behave with different content types”.

WP Test

The data is available as XML (+ the images) and it can be imported to a “test installation” with the help of a plugin.

After that, we can simply see the tests as posts and decide if things are ok or not.

BlendMeIn is a free Photoshop extension to search for icons, vectors and other design resources right inside Photoshop.

Once you reached a specific resource, it can be drag ‘n’ dropped into the current composition which is a time-saver.

It is available as CS6 + CC extensions and, if you created similar design resources, you can contact them for addition too.

Update (17 Nov 2013): There is now a n Illustrator version of the extension too.

BlendMeIn - Photoshop Extension

Scrollback is an open source web application for adding a modern chat for websites.

It is built with Nodejs and can be either used with the free hosted version or by downloading and self-hosting it.

The app creates a single room chat interface where the community can communicate with each other.

Nodejs Chat - Scrollback

An “infinite scroll” eases following the previous messages, all messages are presented with a timeline and it is possible to view user details.

Scrollback is compatible with IRC and it can match the style of any website with little work.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com