Web Developer Tools & Resources
Webshims lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write modern and robust code in all browsers. It is built on top of jQuery and Modernizr. Homepage: http://afarkas.github.com/webshim/demos/ GitHub: https://github.com/aFarkas/webshim
Kartograph is a new lightweight framework for building beautiful, interactive vector map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind. Homepage: http://kartograph.org Demo: http://kartograph.org/showcase/ GitHub: http://github.com/kartograph/
Grunt is a task-based command line build tool for JavaScript projects. It’s far too easy to create a gist or one-file repo and promise yourself that you’ll add linting and unit tests later. Instead of being a chore, creating a new project and performing repetitive but necessary tasks such as linting, unit testing, concatenating and [...]
CanJS is an MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy. CanJS’s core supports jQuery, Zepto, Dojo, YUI and Mootools. Homepage: http://canjs.us/ Demo: http://canjs.us/#examples GitHub: http://github.com/jupiterjs/canjs Hovercard – a jQuery plugin with built in Twitter and Facebook cards Hovercard is a lightweight jQuery plugin that enables you to display related information with [...]
Live Scratchpad lets you evaluate your JavaScript functions in real-time while editing. It will inspect objects or DOM elements manipulated during execution, figure out the code path taken inside the function and directly jump to errors. Homepage: http://neonux.github.com/LiveScratchpad/ GitHub: https://github.com/neonux/LiveScratchpad
JQuery ProQuo is a quick way to encourage your readers to spread your content through Twitter. Simply define the regions in your markup that you would like to make “Tweetable” and ProQuo will handle the rest. Homepage: http://wmdmark.github.com/jquery-proquo/ Demo: http://wmdmark.github.com/jquery-proquo/#examples Docs: http://wmdmark.github.com/jquery-proquo/#config GitHub: http://github.com/wmdmark/jquery-proquo
PushUp is a smart and quick content bar that you can be easily integrated seamlessly into any website or application. It is easy to customize and can be popped up whenever required. You can add your contact details, location map via Google Maps, a simple contact form and much, much more. Homepage: http://www.egrappler.com/jquery-pushup-content-bar/ Demo: http://www.egrappler.com/pupslider/index.htm
Spiffing CSS is the preprocessor made for Brits. Spiffing allows you to write your CSS and stylesheets in conformance to proper British English (also known as correct English) grammar and spelling regulations. Spiffing doesn’t have the variance and extensive amount of features as other preprocessors, it does one unique thing, missing in any other existing [...]
Sweet Tooltip is a jQuery & CSS3-based tooltip, not merely a one-style tooltip but seven. These imageless tooltips are built using linear-gradient, box-shadow, text-shadow, :after and :before selectors, etc. Homepage: http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/ Demo: http://webstuffshare.com/demo/SweetTooltip/index.html
pep.jquery.js is a lightweight plugin for kinetic-drag on mobile/desktop. It was built out of a need for kinetic drag with support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices. Homepage: http://pep.briangonzalez.org/ [...]
Export Responsive Prototype is an extension for Adobe Fireworks that allows you to simulate responsive design when you put designs for each media query breakpoint on separate pages. To indicate which sections of the design “respond” you simply slice the document, making sure that clear rows are defined. For areas that don’t have slices, or [...]
jPages is a client-side pagination plugin that gives you a lot more features comparing to most of the other similiar plugins, such as auto page turn, key and scroll browse and showing items with delay. It is completely customizable and also integrates easily with Animate.css and Lazy Load. The main difference between jPages and other [...]
Twitter Follow Box Widget is a simple but powerful jQuery plugin to add a Facebook like-box style widget for Twitter. There are plenty of options available to customize the Twitter follow box widget to match your site design. Homepage: http://jobyj.in/twitter-follow-box-widget/ Demo: http://jobyj.in/twitter-follow-box-widget/#demo Docs: http://jobyj.in/twitter-follow-box-widget/#how-to-use
GreenDroid is a development library for the Android platform. It is intended to make UI developments easier and consistent through your applications. Homepage: http://greendroid.cyrilmottier.com/ Docs: http://greendroid.cyrilmottier.com/reference/ GitHub: http://github.com/cyrilmottier/GreenDroid
dhtmlxSpreadsheet is an open source Ajax spreadsheet widget written in JavaScript and PHP (also available as a plugin for WP, Joomla, etc.). It allows you to quickly add an Excel-like, editable data table on a web page. Homepage: http://www.dhtmlx.com/docs/products/dhtmlxSpreadsheet/index.shtml Docs: http://docs.dhtmlx.com/doku.php?id=dhtmlxspreadsheet:start
Font Awesome is the iconic font designed for use with Twitter Bootstrap. It is a pictographic language of web-related actions with over 150 icons. You can easily style the icon colors, sizes, shadows… anything that’s possible with CSS. It’s ever expanding to support a wider array of web-related actions. Homepage: http://fortawesome.github.com/Font-Awesome/ Demo: http://fortawesome.github.com/Font-Awesome/#examples Docs: http://fortawesome.github.com/Font-Awesome/#integration [...]
The Responsinator helps web designers quickly get an indication of how their responsive site will look on the most popular mobile devices. It will not precisely replicate how your site it will look, just give you a good indication. For accurate testing always test on the real devices. Homepage: http://www.responsinator.com