The number of resources for web designers and web developers that are launched every month is impressive, but if you consider how big this industry is, it seems quite normal to have over 40 new resources of high quality every month. Imagine that there are web designers and developers all over the world. Of these, a few create tools to help the community and set a high standard which leads to competitiveness which in turn leads to improvements and evolution.
Most of the resources that you will find in this article are based on jQuery which still is the favorite library that people use to create web design tools, but you will also find other tools which you can use and reduce your work time and increase your work quality.
Simple Grid was created for developers who need a barebones grid. Simple Grid works well with 1140px layouts but easily adapts to any size of layout. With fluid columns, Simple Grid is responsive down to mobile.
Bespoke.js provides the foundation, then gets out of your way so you can focus on uniquely crafting your own personal deck style.
Using keyboard and touch events, Bespoke.js adds classes to your slides, while you provide the CSS transitions.
Sails.js makes it easy to build custom, enterprise-grade Node.js apps. It is designed to resemble the MVC architecture from frameworks like Ruby on Rails, but with support for the more modern, data-oriented style of web app development. It’s especially good for building realtime features like chat.
jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).
Better introductions for websites and features with a step-by-step guide for your projects.
Drawscript is an extension for Illustrator (available in Adobe® Creative Cloud). It generates graphics code from vector shapes in realtime.
The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.
The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
PredictionIO is an open source prediction server for software developers to create predictive features, such as personalization, recommendation and content discovery.
Zebra brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.
ClassySocial is a jQuery plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest, LinkedIn, Instagram and e-mail.
Edit and save files from Chrome Developer tools. Live reload for Chrome.
Scout is a cross-platform app that delivers the power of Sass & Compass into the hands of web designers.
ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease.
Bolt is a tool for Content Management, which strives to be as simple and straightforward as possible. It is quick to set up, easy to configure, uses elegant templates, and above all: It’s a joy to use.
There are plenty of web-based chat clients out there. Most of them are built to emulate your instant messenger. They offer you tons of settings. They can join multiple networks, let you edit your profile, and even manage your message history.
The web’s only open collection of legal contracts and the best way to negotiate and sign documents online.
Never understimate the insanity of user-generated content in your projects again. Drop hhhhold URLs into your code for quick access to safe-for-work, attributed images from ffffound. Simulate real user content in your project.
Desant is an open source landing page management application, simple to use and customize, with really neat admin area!
With Paperkit you can easily generate online the exact type of graph paper (grid paper) that you need. Use the toolbar to adjust the settings. You have full control over spacing between grid lines, margin size, stroke color and width as well as paper size. A live preview will help you evaluate your design. There are five formats available: A4, A3, legal, tabloid and letter. You can use units that you are comfortable with (millimeters or inches).
A tiling image board system for people who want to save, tag, and share images, videos and webpages.
Try jQuery is a combination of videos, interactive console challenges, and writing code in the browser. You’ll need about 2 hours of time to make it through everything.