Web Developer Tools & Resources
cujoJS is a toolkit for building highly modular and maintainable web apps, with no framework lock-in. It encourages patterns to foster clean and testable code, embraces standards, integrates with virtually any reasonable open library or component, and helps you create fast apps with no bloat.
Gridism is a simple responsive grid that’s easy to use. On screens smaller than 568px wide, grid units are stacked, while on larger screens grids can have a maximum width of either 978px or 1140px.
The Opa Framework for JavaScript lets you simultaneously write front-end and back-end code all in the same language. It’s fully compatible with tons of existing JavaScript libraries, including jQuery, and it offers HTML5 native support. Opa can also handle your database queries, though it currently only supports the NoSQL databases MongoDB and CouchDB.
Puppet is an open source IT automation app that lets you easily automate repetitive tasks. It uses a model-based, declarative approach.
Arrow is a Python library for better handling of dates and times. It provides an intelligent way of creating, formatting, manipulating, and converting of that type of data.
Jekyll makes it simple to create static websites and blogs from plain text files (including Markdown, Textile, and Liquid). It lets you focus on your content rather than comments, updates, and maintenance.
Need to create a sexy UI for your new Android app? Turn to Fries, which lets you use HTML, CSS, and JavaScript to create your interface.
Need a website for your open source project? Flatdoc makes it easy to create one using Markdown. It’s a small JavaScript file that has no server-side components, is deployable via GitHub Pages, has a great built-in default theme, and more.
Gif.js is a full-featured GIF encoder built in JavaScript that runs in your browser. Images are generated in the background using web workers.
Kent is a Ruby Gem for asynchronous content loading. It’s fully documented and can be customized with a number of options, including class and style, among others.
Color Swatches is a jQuery plugin for turning any div into a color swatch. It’s easy to customize with different classes, and defining swatch colors is as simple as defining a comma-separated list of hex codes.
OpenWeatherMap is a free service that provides weather data and a forecast API that can be used with any mapping services. Data includes current weather, weekly forecast, wind, clouds, precipitation, and more.
Reactor.js provides reactive variables which auto-update when things they depend on change. Just declare how a variable should be calculated once, and Reactor.js will make it automatically recalculate whenever necessary.
React is a JavaScript library for building user interfaces. It’s efficient and flexible enough to work with the libraries and frameworks that you already use.
CoVim is a plugin that allows collaborative editing in Vim. It adds real-time collaboration to your chosen text editor, and gives each user a uniquely colored cursor. And of course it plays nicely with your existing configuration.
Want to easily create programmatic dialog boxes using Bootstrap modals? Bootbox.js is a small JavaScript library that lets you do just that without having to create, manage, or remove any of the required DOM elements or JS event handlers.
Transit offers smooth transitions and transforms for jQuery, using CSS. It has the same syntax as jQuery’s animate property.
parseURI lets you split any URL into all of its parts. It has a loose mode that’s great for working with user input, and a strict mode that adheres to RFC 3986.
JSHint 2.0 helps you detect errors and possible issues in JavaScript code. It can even be used to enforce coding conventions.
Codeblock.js makes it possible to embed editable, runnable JavaScript code blocks. Your visitors will have an easier time learning if they can experiment directly with the code.
Parallel.js is a multi-core processing JavaScript library, built to take advantage of the web-workers API. It runs in any browser that supports web workers.
Demarcate.js is a Markdown editor built in jQuery. You can use it to edit directly within a page and generate Markdown from the HTML elements.
WPRoller makes it easy to create a custom WP installation package with just the features you need. Select which plugins you want, choose themes, enter your custom installation information (including stock content you might want to delete), and then roll your package.
Helium is a JavaScript tool that helps you discover unused CSS across multiple pages on a website. Give it your list of pages to check, and it will generate a report that lets you know if any selectors defined in the stylesheet(s) aren’t used on any of the given pages. It should be run on [...]
Yard is a Ruby documentation tool that simplifies documenting your code. It supports storing metadata alongside your documentation, is easy to extend, and even supports your Domain Specific Languages (DSLs).
InfiniteWP, a self-hosted app, lets you manage all of your WP sites from one centralized dashboard. Use a single master login, perform one-click updates, create instant backups (and restore those backups in a single click), and much more.
Skel.js is a lightweight front-end framework for creating responsive websites and apps. It combines a breakpoint handler, grid system, shortcuts, and plugin support, all in a single 19KB minified file.
GistBox uses GitHub’s backend, but adds a layer of organization and search functionality missing from Gist. It makes it easy to preview and edit the code you find, while remaining simple and lightweight. It’s available as a web app or a Chrome App.
Want a clear and consistent guide for building your plugins? Then check out the WordPress Plugin Boilerplate, which is based entirely on the WordPress Plugin API. It adheres to PHPDoc conventions for code documentaiton, and includes example values, a strict file organization scheme for easy maintenance, and more.
WideArea is a lightweight JavaScript and CSS library that lets you easily implement a large writing space into your web forms. All your user has to do is start typing and click the expand icon to fill the browser viewport with a waiting area.
Kraken is a lightweight, mobile-first, front-end boilerplate that’s style agnostic. It includes a CSS reset, responsive grid, typography, buttons, forms, and the ability to extend it with add-ons.
Prepros is an app that compiles your less, scss, sass, compass, jade, haml, and coffeescript code with live browser refresh. It has no dependencies, and includes error notification, a background file watch, and much more.
Topcoat is CSS for clean and fast web apps, with code for both desktop and mobile devices. It includes a huge number of elements, including toggles, actions, fonts, form elements, and much more.
Pure is a set of small, responsive CSS modules that can be used in all of your web projects. There are modules for everything from grids to forms to menus and much more, all with a minimal footprint (ranging from .6KB for the tables module to 1.4KB for the forms module).
ICEcoder is an open-source code editor that lets you work directly within the browser, whether you’re online or offline. It includes broken tag indicators, highlighting themes, secure login, and much more.
Windows is a jQuery plugin for creating full-screen scrolling windows. It sets up the basic SASS for sequential full screen windows and a jQuery plugin for managing their positions while the user scrolls.
Cesium is a JavaScript library that lets you create 2D maps and 3D globes without a plugin, right in your browser. Graphics are hardware-accelerated with WebGL, and it’s cross-platform and cross-browser compatible.