Web Developer Tools & Resources
Select2, based on the Chosen library, is a feature-rich jQuery based replacement for standard and boring select boxes. It supports searching, remote data sets, infinite scrolling of results and offers the ability to add results from the search term entered by the user, which allows it to be used for tagging. Homepage: http://ivaynberg.github.com/select2/ GitHub: https://github.com/ivaynberg/select2
Maskew is a lightweight and mobile-friendly Javascript library (with optional jQuery plugin) that will ‘skew’ the shapes of elements without distorting their contents. Homepage: http://oxism.com/maskew/ GitHub: https://github.com/dmotz/maskew
stacktable.js gives you an easy way of converting wide data-tables to a format that works better on smaller screens. It does this by creating a copy of the table that is converted into a 2-column key/value format. Homepage: http://johnpolacek.github.com/stacktable.js/ GitHub: https://github.com/johnpolacek/stacktable.js/
Literally Canvas is an extensible HTML5 drawing widget that offers a minimal set of drawing operations, with dependencies on jQuery and Underscore.js. You can draw, erase, set the color with the eyedropper, undo, redo, pan, and zoom. Homepage: http://literallycanvas.com/ GiutHub: https://github.com/literallycanvas/literallycanvas
The App Folders jQuery plugin will help you create iOS-like App Folders on a website. The folders are responsive, fully styleable and the folders can contain any content (images, text, video…). Homepage: http://app-folders.com/ GitHub: https://github.com/spsaucier/app-folders
Apaxy is a basic customisable theme for styling typically ugly web directories. You can style the directory listing with CSS and enhance it with Javascript or jQuery. You can also add welcome messages, download instructions or copyright notices and add custom mime type icons. Homepage: http://adamwhitcroft.com/apaxy/
Shapeshift, inspired by jQuery Masonry, is a jQuery plugin that will dynamically arrange a collection of elements into a grid within their parent container. It is responsive, so resizing the grid to accomodate browser re-sizing is automatically turned on in Shapeshift, so if your parent container has a 100% grid, resizing the window will shapeshift [...]
LoremImages is a jQuery plugin for populating your web content with random images. It offers a wide array of options: Number of images, image width & height, choose images from a specific category (ie. Cars, fashion…) and you can also choose whether to load only black & white images or normal. Images are loaded from [...]
The App Icon Template, through Smart Objects in Photoshop, helps automate the process of rendering the various sizes that are needed with iOS apps.The idea is to edit the largest size and have the smaller sizes automatically rendered allowing for a much quicker workflow when designing icons. Homepage: http://appicontemplate.com/
extender is a library that helps in making APIs chainable. It does this by creating a function that accepts different values and returns an object with functions based on the type. It is different than normal chaining because is does more than return this. If you return an array from a string based method then [...]
GAS is a wrapper around the Google Analytics Tracking API that offers a useful collection of power features. Installing GAS is very easy – Download the script and put it somewhere on your website and then install the basic snippet on every page of your website: var _gas = _gas || []; _gas.push(['_setAccount', 'UA-YYYYYY-Y']); // [...]
xCharts, using D3.js, is an easy to use JavaScript library for building custom data-driven chart visualizations. Unlike many other charting libraries all visualization styling can be achieved directly through CSS, giving you the control to handle the visualization however you want. xCharts has been designed to be dynamic, fluid, and open to integrations and customization. [...]
AppJS is an SDK for developing desktop applications using Node.js combined with Chromium (providing the JS, HTML5, CSS, SVG, WebGL). Developing desktop applications with AppJS couldn't be easier as it uses the same libraries and knowledge used to build websites. Homepage: http://appjs.org/ GitHub: https://github.com/appjs/appjs
With Extensionizr you select the settings you want, choose the permissions and within moments you will have generated a foundation/boilerplate for your Chrome extension. Extensionizr is a client-side only tool. Homepage: http://extensionizr.com/ GitHub: https://github.com/altryne/extensionizr
Fakeimg.pl is a little tool that generates images with simply a URL. You just have customize the URL to get the desired image. As well as the image size you can also pass a text, or change the colors (must be hex). Here are some URL examples for you: http://fakeimg.pl/300/ http://fakeimg.pl/250×100/ http://fakeimg.pl/250×100/ff0000/ http://fakeimg.pl/350×200/ff0000/000 http://fakeimg.pl/350×200/?text=Hello http://fakeimg.pl/350×200/?text=World&font=lobster [...]
Telescope, built with Meteor, is an open source application for creating social news websites in the same vein as Hacker News and Reddit. Here are some of its features: Real-time Password-based and/or Twitter auth Notifications Mobile-ready & responsive Invite-only access for reading and/or posting Markdown support Homepage: http://telesc.pe/ GitHub: https://github.com/SachaG/Telescope Demo: http://demo.telesc.pe/
Mockup Designer, built with Backbone, Backbone-LocalStorage and Html2Canvas, is a super-easy-to-use mockup tool that uses the local storage of your browser as its backend. However the data layer is loosely coupled, so you can integrate with any RESTful API or any Backend service. Homepage: http://fatiherikli.github.com/mockup-designer/ GitHub: https://github.com/fatiherikli/mockup-designer/
X-editable allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Homepage: http://vitalets.github.com/x-editable/ GitHub: https://github.com/vitalets/x-editable Demo: http://vitalets.github.com/x-editable/demo.html
Calendario is an experimental jQuery plugin for trying out some grid layouts that can be applied to calendars. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. Homepage: http://tympanus.net/codrops/calendario-a-flexible-calendar-plugin/ Demo: http://tympanus.net/Development/Calendario/
Font Custom is a tool that will generate custom icon webfonts from the comfort of the command line. It is very easy to use, all you have to do is create a directory for your svg and eps files. Then, on the command line, run: fontcustom watch /path/to/vectors Font Custom will then create the font [...]
Alertify is a fully customizable alert, confirm and prompt dialogs JavaScript notification system. Homepage: http://fabien-d.github.com/alertify.js/ GitHub: https://github.com/fabien-d/alertify.js
bootup.js will cache and load static files from local storage, making it easier to manage Javascript and other files for offline use, or just to improve the startup time of your web app. Homepage: https://github.com/TradeMe/bootup.js
Heyoffline.js, as used by jsFiddle & Positionly, is a useful tool that warns your users when their network goes down, making sure they don't lose anything. Homepage: http://oskarkrawczyk.github.com/heyoffline.js/ GitHub: https://github.com/oskarkrawczyk/heyoffline.js
Remote Preview is a tiny JavaScript based tool that allows you to preview any URL on a large number of mobile devices simultaneously. Just enter a URL, hit enter, and a new URL gets automatically loaded on each device. Remote preview works on platforms like Android, Blackberry, iOS, Maemo, Meego, Symbian, Windows Phone and WebOS. [...]