This article was published 11 years ago, therefore the contents of this post may be out of date.

As web developers and web designers, we constantly looking at the sheer amount of new resources, tools and applications that we can tap into increases exponentially with time.

And here is just a quick look at some recently created resources that deserve your attention — everything from some great JavaScript & jQuery Plugins that help with quickly mocking a design using minimal HTML markup, helping you check your spelling,  a JavaScript audio library. To some awesome web, desktop and mobile applications that helps with retaining relationships with your clients, hosting your email when Google apps isn’t enough for you, keeping track of your time and focusing on the task your have to do today.

But that is just half of it I’ve also included some great frameworks both responsive and non responsive, a  high velocity web framework for Java and Scala , premium and free WordPress plugins that help you build your own mobile site, rename your uploaded files on the fly, modifying the WordPress dashboard with a new skin to some great premium WordPress themes and last but not least some great free design files

JavaScript & jQuery

Howler.js

howler-js

Howler.js is a JavaScript library that works with Web Audio API by default and falls back to HTML5 Audio when not supported.

It accepts multiple file formats for cross-browser compatibility, has caching and can play many sounds at the same time (it is also mute/un-mute them one-by-one or globally). The sounds can be looped, a fadeIn/fadeOut effect exists and standard media controls are just a part of the library.

It is lightweight (5kb), has support for chaining methods and doesn’t require any JS frameworks.

Open Tip

opentip

Opentip is a pretty cool JavaScript tooltips framework that can work with jQuery, Prototype or standalone.  It creates the tooltips with HTML5 canvas so that any creative designs are possible and they are rendered almost equally in all browsers.  Opentip  There is support for calling content into tooltips with Ajax, positioning them wherever wanted or grouping them (so that only one tooltip of the same group can stay open).

Flot

flot

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

JUI Data Grid

jui_datagrid

jui_datagrid is an Ajax-enabled jQuery plugin, useful to manipulate database data in tabular format.  Fully customizable, simple but powerful API, jQuery themes compatible, localization support. It has a modular design, so it is using jui_pagination plugin for paging and jui_filter_rules plugin for searching.

RoughDraft

RoughDraft-js

RoughDraft.js allows you to quickly mockup a design using minimal HTML markup and Javascript, without server side scripting, and without having to navigate to use lorem ipsum generators which will ideally cut down on development time by figuring out layout kinks, prior to the heavy code lifting.

Flight

flight

Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications.

Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every other component, so that components are highly portable and easily testable.

As an added bonus, Flight includes a simple and safe mixin infrastructure allowing components to be easily extended with minimal boilerplate.

jQuery Spellchecker

jQuery Spellchecker

The jQuery Spellchecker is a lightweight jQuery plugin that can be used to check the spelling of text within a form field or within a DOM tree. It comes with Unicode support (works with most languages), HTML parsing (for using the spellchecker within WSYIWYG editors) and Text parsing (for using the spellchecker on form fields).

Conditionizr

Conditionizr

Conditionizr is an intelligent jQuery plugin with simple customisable options (making integration into any project very easy), that detects the end-users browser and pixel ratio, allowing you to serve specific conditional JavaScript and CSS files as needed.

Behave

Behave

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.

Parsley.js

parsleyjs

Parsley.js is a lightweight (12k minified) forms validation JavaScript library with a difference. Instead of validating the forms with JS it uses data attributes to achieve the same effect. It works with both jQuery and Zepto and it is very easy to configure, allowing you to override almost every Parsley default behavior to fit your exact needs.

Breeze.js

breeze

Breeze is a JavaScript library that helps you manage data in rich client applications. If you store data in a relational database, query and save those data as complex object graphs, and share these graphs across multiple screens of your JavaScript client, Breeze is for you.

Desktop, Mobile & Web Applications

Reamaze

reamaze

Reamaze is all about relationships. Customers will never have to deal with ticketing robots ever again.  Reamaze works right through your email.  Your staff can reply to conversations from their own email boxes, no logins required. Or utilize Reamaze’s beautiful UI for advanced functionality.

Atmail Cloud

atmailcloud

Atmail Cloud is a great hosted email service for your own domain, with one of the nicest interfaces and ActiveSync, something that’s an increasingly rare option now that Google Apps dropped it. It’s easy to setup, easy to use, and works great with email apps.

Cashboard

cashboardapp

Cashboard isn’t just software  It’s a better way of working that will save you time, keep you efficient, and let you do more of what you love. This means your employees and clients can access the system to track time, manage tasks, or pay invoices wherever they are.

Cashboard runs in any modern web browser (Chrome, Safari, Firefox, IE 9+), and on your iPhone, iPad or Android device. Data is always in sync between any client that accesses the app. For instance, this means you can start a timer on your computer, then stop it on your phone.  With Cashboard, all of your data is stored on our servers, encrypted, and backed up. We have a 99%+ uptime rating, which you can verify here.

PopClip

PopClip

PopClip appears when you select text with your mouse in any app. Instantly access context-specific actions including copy and paste, plus extensions like Send to Evernote. If you select text containing a URL, email address or file path, PopClip can open it. Select a misspelled word, and PopClip offers corrections.

Select any text to do a web search with those terms, or select a single word to get the dictionary definition.

SubtlePatterns

Subtle­Patterns

Finding good background patterns for your website can be a pain. SubtlePatterns.com is a great website that makes this a lot easier by offering free patterns you can use. This bookmarklet lets you preview these patterns directly on your website, so you can quickly find the best one for your needs.

Time Cockpit

timecockpit

Time Cockpit is a premium application for tracking billable hours for freelancers. You can work alone with multiple devices or invite further team members to work with. It tracks you application usage and require moderation to ensure accurate billable hours are produced.

Cloudship

cloudship

Cloudship will help you focus on the tasks you have to do today and on the tasks that are important. Using the search box, you can find any task immediately. With Cloudship you will have everything under control!

CSS, HTML, Frameworks & Responsive Goodness

Play Framework

play-framework

The Play framework makes it easier to build Web applications with Java. It’s a clean alternative to bloated Enterprise Java stacks. It focuses on developers productivity and targets RESTfull architectures.

Groundwork CSS

groundwork

Groundwork has been built from the ground up with the incredibly powerful CSS preprocessor, Sass. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Groundwork offers the most advanced responsive layout techniques in the world. Featuring an incredibly flexible, nestable, fluid grid system: the Groundwork grid system supports any columns in any fractional amount from halves to twelths. The result is a framework that works for virtually any immaginable modern layout and is open-source, hosted on Github and it’s 100% free.

Mueller

mueller-grid-system

Mueller is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.

Hint.CSS

hint-css

Hint.css is an HTML/CSS-only library for creating simple tooltips. Written in SASS, It does not rely on any JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention particularly for the modifiers. Please Note CSS3 Transitions on pseudo elements in Hint.CSS is currently available on Firefox only. On rest of the browsers it degrades gracefully without any transition.

Cool Kitten

cool-kitten

The Cool Kitten framework is a collection of HTML/CSS/JS files for creating a lightweight and responsive parallax scrolling website using Normalize.css and Stellar.js

CSS Ratiocinator

css-ratiocinator

The CSS Ratiocinator automatically refactors your CSS and generates a new stylesheet for your site. It works by examining your site’s live DOM in the browser and reverse engineering a new, more elegant definition that captures styles down to the pixel.

It addresses the problem of old CSS whose styles accumulate and contradict each other. After a certain point all CSS seems to grow only by internal antagonism. The Ratiocinator wipes the slate clean and provides a harmonious new beginning and the easiest way is to use the web interface csstrashman.com.

WordPress Frameworks, Plugins & Themes

MobileChief  – Plugin

mobile-chief

MobileChief is a powerful, extendable mobile site builder that makes it easier than ever to create mobile landing pages and mobile sites with an intuitive drag and drop interface. Unlike other WordPress Mobile Plugins, MobileChief doesn’t take your existing WordPress site and convert it to a Mobile Optimized Site, rather it lets you create new content in new mobile sites.

The ability to create mobile sites like this, allows you to run mobile marketing campaigns with targeted information, rather than sending a user to a full website where they may get lost and never find the information you’re trying to provide.

Comment Images – Plugin

Comment Images

Comment Images gives readers the ability to upload an image to their comment right from the comment form.

Page Template Dashboard – Plugin

Page Template Dashboard

Page Template Dashboard is a simple plugin that let’s you easily survey which template each page is using without having to load the page editor.

If no template is assigned, then the ‘Default’ template will be rendered; otherwise, the user-friendly name (rather than the file name) will be displayed. Finally, the plugin will properly handle the case when a page has a template assigned to it from a previous theme that does not exist in the current theme

Developer – Plugin

developer wp plugin

A plugin, which helps WordPress developers develop.  This plugin will help you optimise your development environment by making sure that you have all the essential tools and plugins installed.

Easy Upload Renamer

Automatically rename your media files and attachments as you upload them to WordPress! Eliminate one step from your image workflow letting the Easy Upload Renamer create pretty, SEO optimized filenames for you.

dieting-calculator

The Diet Calculator allows the user to calculate their BMI (Body Mass Index), their RMR (Resting Metabolic Rate) and BMR (Basic Metabolic Rate) form entering minimal information.

EZ WordPress Dashboard Skin

Give Your WordPress Dashboard a clean and customised look in seconds with EZ Admin Skin Using this simple yet powerful plugin, you can create a stylish and minimalist admin area for your WordPress site.

Using the simple options provided, you can select a light or dark base scheme, and then add a personal touch by choosing any accent colour you wish.  Very simple to install, just upload, activate and your all set

Retail Menu Cards

Retail Menu Cards is a plugin that allows you to create, manage and display menu cards in WordPress. It can be used to create a restaurant menu, just as well as a retail store’s product list or a list of services for a dental practice or beauty center.

The plugin uses a custom post type and custom taxonomies, which basically means that the process of building up your menus is exactly the same as adding posts, categories and tags in WordPress. There’s almost no learning curve and you’ll feel right at home.

Grunge

Grunge is a responsive blog theme for WordPress. Grunge suits for everyone who wants to stand out with an unique design. Whether you’re an artist or band, travel, food, or fashion blogger — or just want to blog with a grungy theme, you’ll surely appreciate the design and features of Grunge. Here are the main features:

Bretheon

With Bretheon you get totally new & fresh solution for your business. This theme can be used for each kind of page. You can use this product with boxed layout or full width. But it`s not everything. You can also choose best options for footer which can be included into the rest of page or can be separated. This is really great feature and makes your site look best!

This is really clean, flexible and easy to use theme. You can configure your own page in few minutes with our awesome Theme Options Panel. You can change nearly everything in the theme by just few clicks. If you don`t want to configure your own site, you can also import .xml demo file and in few seconds you will get the same page as our demo. It`s so easy and everyone can do that!

Clinto

Clinto is a responsive HTML5 wordpress theme designed for event (festivals, fiers, exhibitions, concerts) websites. It combines emotional parts with functional parts.  Huge Slideshow, quotes and background images should affects the user’s attention as long as news, calendar events, and information pages should provide all the informations the user need to know about the event.

Icons, UI’s, Free Fonts & Other Awesome Design Pieces

Google Map Markers – PSD

Google Map Markers PSD

Notification Centre UI – PSD & CSS

Notification Centre UI PSD & CSS

Small UI Kit – PSD

Small UI kit

Confirmation Dialog – PSD

Confirmation Dialog PSD

Simple Icons

simple-icons

Free Vector Vehicles

Free Vector Vehicles

ZERB – Free Font

zerb-font

Fénix – Free Font

Fénix

Lovelo – Free Font

lovelo

KanKin – Free Font

kankin-font

Share

45 New Handpicked Goodies For Web Developers & Designers For Feburary 2013