Web Developer Tools & Resources
Animo.js is a powerful tool for managing CSS animations. It makes it possible to stack animations and trigger one right after another.
FlowType.js sets your font-size and line-height based on your element width, making your typography fully responsive. You’ll have the perfect number of characters per line regardless of screen size.
Dart is a new language, complete with tools and libraries, for creating structured web apps. It’s class-based and object-oriented, making it familiar and easy to learn.
CSSO (CSS Optimizer) is a CSS minimizer that also performs structural optimization of your CSS files. It does everything from removing whitespace and comments to merging blocks with identical selectors or properties, and much more.
Native Form Elements is a handy guide that shows you what every native HTML5 form element looks like in your current browser. It shows both active and disabled states, as well as the markup for each.
The Google Static Map Maker is an easy to use generator that lets you create static Google Maps. It’s hosted on CodePen, so you can dive right into the code and customize it to your liking.
Tablesort makes it easy to add a sorting component to your tables. It’s dependency free and written in JavaScript, but includes optional Ender support.
Pace is a JavaScript progress bar that automatically detects and displays how close your page is to loading. Just include the Pace.js file and the theme CSS of your choice and it does the rest, without requiring you to hook into any of your existing code.
TogetherJS is an open source plugin from Mozilla for adding collaboration tools and features to your website. It makes it simple to let your users collaborate right on your site in real time.
Whether you’re creating a WordPress plugin or a new theme, you need data to test it before releasing it into the wild. WP Test provides the most exhaustive set of data, derived from the WordPress Theme Unit Test Codex, for testing your themes and plugins.
Completely.js is a JavaScript library for adding autocomplete functions to your website. It has no dependencies, no CSS, and no built-in AJAX, and works on any modern browser.
Spark is a micro framework that lets you quickly create web apps using Java. Just download the library and its dependencies, put in your classpath, and you’re all set to get started!
Pandas is a BSD-licensed Python library that provides easy-to-use data structures and data analysis tools. It helps fill the gaps where Python is weakest when it comes to handling data (analysis and modeling).
Harp run directly with the built-in web server, or exported to HTML, CSS, and JS, and automatically delivers files the browser needs with no pre-compile step. It works with Markdown, Jade, EJS, CoffeeScript, Stylus, and LESS, and lets you publish to Amazon S3, GitHub, and more.
Want to add badges, images, or even video to your favicon? Favico.js makes it simple to add animated badges for your favicon, or create a favicon on the fly from an image, video, or even a live image from your visitor’s webcam.
URLcrypt makes it easy to securely transmit short pieces of binary data in a URL. Use it to securely store things like user IDs, download expiration dates, and more.
Use Perimeter.js to trigger an action when your visitor breaches an invisible perimeter around a target element. It’s fully documented, lightweight, and has no dependencies.
QuestionMark.js is a small script that uses AJAX to display a modal window of shortcut key definitions for your site or app. It’s easy to customize for your own shortcut key needs.
SMINT is a simple jQuery plugin for one page websites that helps out with navigation. The sticky nav bar stays at the top of the page, while the menu buttons automatically scroll the page to the proper section.
jQuery.textcomplete is a jQuery plugin that adds an autocomplete feature to textareas, like the ones found in GitHub comment forms. It’s completely open source, released under the MIT license.
StackEdit is a free online Markdown editor that includes Markdown Extra support. It includes built-in publishing features, including publishing directly to GitHub, Google Drive, WordPress, and more.
Capsule is a WordPress theme that can replace your scratch document when you’re coding. It supports Markdown Extra syntax plus Github-style fenced code blocks, and has tons of other great features.
PHPMD is an easy to configure, user-friendly front-end for the raw metrics that PHP Depend measures. It looks for several potential problems in your code, including possible bugs, suboptimal code, unused parameters, and more.
David is a tool for getting an overview of your Node dependencies. It creates a badge showing the current status of each dependency, which you can embed on your website if you choose.
Fiddler is a free web debugging proxy that works regardless of browser, system, or platform. You can monitor, inspect, and debug traffic, manipulate and edit web sessions, test your site or app’s performance, and more.
Hopscotch is a framework for adding product tours to your pages. It provides an API for the developer to control the tour, both in how it displays and in the tour progress.
Ratchet is a PHP library to let developers create real-time, bi-directional apps between clients and servers over WebSockets. It makes building event-driven apps (rather than traditional HTTP request/response apps) quick and easy.
Echowrap is a Ruby interface tool for The Echo Nest API (The Echo Nest is the world’s leading music intelligence company, with a huge repository of dynamic music data). It supports 100% of the Version 4 API.
Audobox is a tool that lets you collect audio feedback from your mobile app’s users, providing a better, less frustrating user experience. It’s super easy to set up: just add the library, add three lines of code, and you’re done.
AngularFire is an easy way to create a backend for your Angular application. It has a flexible API (with implicit or explicit sync, depending on whether you want easy to use or powerful), 3-way data binding, and rapid development capabilities.