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

If you’re a web developer, you’re almost certainly constantly looking for ways to improve your skills, expand your technology arsenal, and keep on top of the latest trends in development and design. Today’s post is mostly based on some nice and very well developed jQuery plugins and JavaScript , web applications, frameworks and wireframes.

JavaScript & jQuery

1. stickyMojo

stickyMojo is a contained sticky sidebar plugin for jQuery. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.

2. sketch.js

sketch.js is a tiny (~5k) boilerplate for creating JavaScript based creative coding experiments. The demo shows what can be done with just a few lines of code.  It handles all that tedious but necessary stuff that would normally slow you down – setting up an animation loop, creating and managing a graphics context for Canvas or WebGL, cross browser and device event binding and normalisation for mouse, touch and keyboard events, handling window resizes

3. HorizontalNav

HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll know it’s pretty annoying to do. But this plugin makes it easy and adds support for IE7.

4. Roundabout

Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

5. Peity

Peity (sounds like deity) is a simple jQuery plugin that converts an element’s content into a simple , mini pie, line or bar chart and is compatible with any browser that supports : Chrome, Firefox, IE9+, Opera, Safari.

6. iosSlider

iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.

Web Applications

7. Termsfeed’s Privacy Policy Generator

Termsfeed’s free privacy policy generator generates automatically a privacy policy for your site. The generator is simple to use: just fill in the data with your personal information and the policy is delivered immediately in less than 1 minute.

8. Shiny Demos

Shiny Demos is a growing set of demos of the latest Open Web Standards, made by the Opera developer relations team. No browser is blocked: any browser that supports the standard sees the shiny!

9. Liveweave

Liveweave, similar to JSFiddle and Tinkerbin, is a new playground for developers and designers to test HTML, CSS and Javascript.

10. Mixpanel Flow

Mixpanel Flow is a simple and free app that works out where your users go and when they leave, all in real-time. Instead of a line graph or a table, you get a diagram of the actual paths people take as they browse your site. Follow your users every step of the way – from the homepage, through signup, and each page they hit as they use your product.

Frameworks, Wireframes & One Awesome Site

11. Wirefy

Wirefy is a collection of CSS & JS files to help you rapidly experiment with responsive wireframes. Whether you keep them to yourself or use them to help educate your clients, Wirefy is flexible and here to help. Wirefy has been built from the ground up. Following the philosophy of mobile first.

Wirefy is style agnostic so that clients don’t get hung up on colours, fonts, other design elements. It’s meant to be another tool for your development kit that provides the most basic styles as a foundation.

12. Laravel

Laravel is a clean and classy framework for PHP web development. Freeing you from spaghetti code, Laravel helps you create wonderful applications using simple, expressive syntax. Development should be a creative experience that you enjoy, not something that is painful. Enjoy the fresh air.

13. Mobello

Mobello is high performance Javascript framework for HTML5 mobile apps. It includes a complete set of user interface components for building rich mobile web apps. It is open source provided under the LGPL license.

14. Hex Words

CSS is fun and exciting and gives developers a great tool to create unique and exciting web designs, but one of the hardest parts of design is choosing the color scheme.

Well not anymore, as with HEX WORDS you can find great colors and also add some extra personal fun and pleasure in the mix too.  Why have a hard to remember and boring hex code like #3E61A9 when you can have #C0FFEE or #BADA55


14 New Tools & Resources For Web Developers