Web Developer Tools & Resources
Pushy offers off-canvas navigation with CSS transforms and transitions. It offers smooth performance on mobile devices, collapsible sub-menus, and it’s responsive.
Origami is a design prototyping tool from Facebook. It includes easy to use gestures, tools to present your designs in style, and export your code.
Awesomplete is an ultra lightweight, customizable autocomplete widget with zero dependencies. It was built to work with modern browsers, and is super easy to configure.
Salvattore is a jQuery Masonry plugin alternative with CSS-driven configuration. It distributes your grid items to the number of columns you specify, and is easy to configure.
The Vafpress Framework is an admin-side framework for WordPress. It includes client-side validation, tons of special fields, a theme option builder, metabox builder, and more.
Dug.js is a JSON to HTML script that pulls feeds of JSONP content to display on your site. Use it to grab information from Pinterest, 500px, Instagram, Github, and tons of other sites.
Lotus is a complete web framework for Ruby that’s lightweight, fast, and testable. It brings Object Oriented Programming back to web development.
Mailin is a node.js smtp server that receives emails, parses them, and posts them to the URL you define. It can be used as a standalone app or embedded inside a node.js app.
Olly.js makes it simple to turn your URLs into rich media. Use it to embed things like YouTube, Vimeo, or videos from a variety of other services automatically.
Reapp makes it quick and easy to create hybrid apps with React, Webpack and ES6. It includes a UI kit, modules, and simple CLI for creating web-based mobile apps.
BrowserSync makes it easy to implement synchronized browser testing, complete with URL history, remote inspector, and more. It makes tweaking and testing faster by synchronizing file changes across multiple devices.
Lazy-ads lets you deliver ads asynchronously without having to modify the code of the ad itself. It also allows you to conditionally load ads within a responsive layout based on a media query or the ad container’s dimensions.
Ouibounce aims to help you increase your landing page conversion rates by displaying a modal window before a visitor leaves. Depending on your audience, traffic type, and copy, you might see an increase of between 7% and 15%.
Penthouse is a critical path CSS generator for speeding up web page rendering. It looks at your full CSS in relation to the page and provides the CSS needed to render the above-the-fold content of your page, saving time and server resources.
Traceit is a jQuery plugin that lets you dynamically trace page elements. It’s based on raphael.js, and it lets you configure stroke width, animation speed, and more.
Rimg is a pure JavaScript solution for responsive images in browsers that support media queries. It includes lazy-loading of images, works with retina screens, has no dependencies, and doesn’t use cookies.
MontageJS is a modern, HTML5 frontend framework for creating single-page applications fast. It uses established design patterns and software principles that allow you to easily create a modular architecture for your projects.
Lime Text Editor is a free, open-source text editor that aims to be the successor to Sublime Text. It has a few front-ends (QML, command-line interface) that can be used selectively with the pluggable backend.
Node OS is the first operating system powered by npm. It’s built on top of the Linux kernel, with a node.js runtime.
Keypress is a JavaScript library for capturing keyboard input. It’s easy to use and has no dependencies.
Ratchet gives you simple HTML, CSS, and JavaScript components for building mobile apps. It’s quick to get started with and thoroughly documented.
Remark lets you easily create markdown-driven slideshows right in your browser. It was created for people who know HTML and CSS, and includes presenter mode, syntax highlighting, and more.
Dat creates a streaming interface between every file format and data storage backend. It stores data locally, but can be configured to store its tabular data in a database, and its files in an external file store (like Google Drive).
Conditioner.js is a JavaScript library for loading and unloading behavior that’s environment aware. You just define the required state and Conditioner takes it from there.
Btapp.js is a Torque-powered JavaScript library from BitTorrent. It brings torrent technology to your browser, and relies on Backbone to make turbulent data easy to work with.