There was a time when most of the contracts that were for web designers were to create portfolio websites. Things have changed a little and although people are still asking for portfolios, they are also asking designers to create big and serious projects with complex functionality, multi-browser and multi-platform support and a lot of complicated functions incorporated.
You can either create everything from scratch and will take forever and a little while longer, or you can use jQuery plugins, frameworks or other tools to complete the contracts faster and with less hassle.
In this article you will see various tools that I have gathered in my shortlists in the past two months, tools which I selected for me, but which could help you also on your work.
Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. Unlike other libraries and jQuery plugins similar to Nested, this is (as far I as I’ve know) the first script out there that allows you a complete gap-free layout.
GroundworkCSS 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.
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.
BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin
A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.
xy.css is a lightweight CSS template for building responsive liquid-grid designs. xy.css neutralizes rogue browser styles and brings horizontal and vertical rhythm via synergized grid system for both typography and structure. xy.css helps you create clean, device-neutral designs without cluttering markup with non-semantic class attributes.
dropzone.js is an open source library that provides drag’n’drop file uploads with image previews
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.
A dead-simple way to generate dynamic bits of HTML and add subtle effects to your content
Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips.
Ajax Autocomplete for jQuery allows you to easily create autocomplete / autosuggest boxes for text input fields.
Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.
Canvas Query is a wrapper library for HTML5 Canvas element which allows it to be used with jQuery like syntax. Also it adds a lot of common use image manipulation methods mainly convenient for gamedevelopers.
Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animations to any text.
Roole is a language that compiles to CSS. It drew many inspirations from other CSS preprocessing languages like Sass, LESS and Stylus.
The most unique feature of Roole is that it has vendor prefixing built-in, so the language stays dead simple yet being able to prefix some extremely complex rules transparently. Since Roole is also a superset of CSS, you can use it directly as a CSS prefixer.
Sleek, intuitive, powerful, and revolutionary jQuery lightbox plugin for creative and ambitious web designers and developers.
Stately is a symbol font that makes it easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visualizations. And since it’s a font, it scales bigger and smaller while staying sharp as a tack.
The Django admin interface is a powerful application in order to manage your websites data — some might call it a CMS. Grappelli adds a consistent and grid-based look & feel and some nifty features.
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.
The library works by writing commands such as adding texts, images, moving objects and showing tooltips, and once the .go () function is called, commands will be executed one by one. The list of commands will be interpreted in the library as a timeline.
The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo.
BugKick was built for the engineers behind Musopen.org to manage their work. We love it so much, that we decided to make it available to everyone, for free. Sign up and use BugKick free with unlimited users and tickets
FnordMetric is a framework for processing and visualizing stream data on real-time analytics dashboards.