Web Developer Tools & Resources
[be]lazy.js is a lazy loading and multi-serving image script. It’s lightweight and has options for breakpoints, offsets, separators, and more.
Rucksack is a collection of CSS “superpowers” that are modular and lightning fast. It’s built on PostCSS, and includes features like responsive typography, shorthand positioning, input styling, and more.
CodeMyUI.com is a curated directory of code snippets for your projects. It makes it easy to find inspiration for things like CSS accordions, forms, and more.
Wallop is a minimal (4kb) library for showing and hiding things. It adds helper HTML classes in the correct HTML elements and previous and next buttons, to let you move forward or backward.
Onsen UI is a mobile framework that includes Javascript and CSS frameworks for HTML5, PhoneGap & Cordova apps. It offers a large selection of Web-based UI components, and responsive layouts for smartphones and tablets, among other features.
Elemental UI is a toolkit for websites and apps built with React.js. It includes CSS, buttons, forms, modals, and more.
Gmail.js is an unofficial JavaScript API for Gmail. It includes a ton of methods, and is very well documented.
Firenze.js is an adapter-based JavaScript ORM for the browser and Node.js. It’s highly extensible, written in ES6, and includes strong validation support.
Zui is the pattern library used by Zource. It includes patterns for layout, pagination, tables, badges, and more.
Shevy is a typographical vertical rhythm library. It’s easy to use with beautiful defaults built in.
ChewingGrid is a CSS grid for card listing design, like videos, tiles, or article lists. It doesn’t require media queries, but it adjusts based on the maximum number of columns, and minimum and maximum card width.
jQuery.stacky makes it easy to create UIs with panels that open horizontally using jQuery. Panels can be opened, closed, expanded, and collapsed.
Typeset.js is a typographic pre-processor for your HTML that uses no client-side JavaScript. It includes punctuation substitution, small-caps conversion, soft hyphen insertion, and much more.
jquerymy.js is a lightweight jQuery plugin for real-time, complex two-way data binding. It reflects interactions between user and UI by mutating object given as data source.
Selectivity.js is a modular, lightweight selection library for Zepto.js and jQuery. Select boxes have rich functionality while remaining customizable.
WebGLStudio.js is a 3D development environment for the web. You can edit visually, code behaviors, and more, right from inside your browser.
modoJS lets you create user interfaces for your Backbone-driven web applications. It’s a component-based library that lets you create your UI without writing a single line of HTML.
Fastn.js is a JavaScript tool for building user interfaces. It lets you break your code into modules, and solve complex problems easily.
Amalia.js is a metadata enriched HTML5 video player. It’s extensible and versatile, and follows responsive design principles.
CSS.escape is a robust polyfill for the CSS.escape utility method. It’s very simple to use and is released under the MIT license.
Apostrophe is a content management system that helps you stick to your mission. It’s a design-driven, in-context CMS built on Node.js and MongoDB.
Instant Update is an open source CMS that turns your HTML into a CMS automatically. It includes global content, live editing, and editing history, among other features.
Open JS Grid is a no-work-involved datagrid. It supports sorting/resizing/filtering, custom cells, paging/searching, and more.
Stretchy offers easy to use autosizing of form elements in responsive designs. It’s completely standalone, works in all modern browsers, and plays nicely with your existing HTML and CSS.
Herow is a time-saving Sass grid system. It provides simple, easy-to-use mixins, as well as atomic mixins and classes.
Sensei Grid is a simple, lightweight data grid in JavaScript and HTML. It’s part of Datazenit, a web-based database administration tool.
ReactCSS allows you to use classes in inline styles. It uses a class-based data structure, keeps all your styles together, and more.
Hyhyhy is a tool for creating professional-looking HTML5 presentations. It supports Markdown, nested slides, syntax highlighter, and more.
Bootbox.js makes it easy to create programmatic dialog boxes with Bootstrap modals. And you can do it all without have to create, manage or remove any of the required DOM elements or JS event handlers.
ReadRemaining.js uses JavaScript to inform your users of how long a block of text will take to read. It personalizes the time remaining based on current reading speed, and is fully customizable.
Boron is a collection of dialog animations with React.js. It includes animations for drops, fades, fly-ins, and more.