Web Developer Tools & Resources
Sassline makes it easy to create a baseline grid for your text using Sass and rems. It includes a responsive modular-scale and a meticulous vertical rhythm.
CSShake is a set of CSS classes to move your DOM. There are ten different shake styles, including fixed horizontal and vertical, hard shakes, and more.
Toga is a Python and OS native GUI toolkit that’s part of the BeeWare suite. It’s an early-stage project and the example code works best with OS X and Ubuntu, with very limited Windows support.
Sibbell is a notifications platform for developers that automatically gives you GitHub project release notifications, straight to your inbox. Just sign up and you’ll get notifications delivered straight to your inbox for any project you star or watch.
Skit is a pure JavaScript front-end for creating better web clients. It has zero configuration and almost 100% of the code is shared by both the server and client-side.
Bazel is a build tool from Google that’s used to build the majority of their software. It’s made to work with huge repositories of source code, as well as Google’s testing and release requirements.
T3 is a minimalist JS framework for building large-scale apps that gives your code a core structure. It has a modular design and is made for collaboration.
Atomic CSS lets you make your CSS files smaller. It lowers payload, reduces style scope, and removes dependencies, among other features.
InboxSDK is a high level JavaScript library for building apps inside Gmail and Inbox. It gives you all of the necessary APIs to create full-fledged apps.
basicContext makes it easy to create menus for your website or app. It works with all kinds of events, always stays on screen, and is written in Vanilla JS.
basicModal is a dialog system for your modern web apps. It’s easy to use, includes support for text inputs, and includes drop-down elements, among other features.
The newly-redesigned Tooltip.js is a jQuery plugin for creating tooltip-style toolbars. It’s easy to customize with Font Awesome icons.
If you run a blog or other website, and want to make it easy for your visitors to tweet your text, then check out the Tweetable plugin. If you make certain excerpts from your post instantly tweetable, you encourage readers to tweet your best lines and gain more traffic.
Insignia lets you add customizable tag inputs. It’s progressive, no-nonsense, and easy to use.
Bind is an open source, experimental, native OSX tool for designing user interfaces. It lets you design using GSS, an auto-layout like language for describing an interface with constraints.
PubCSS makes it easier to format academic publications with HTML and CSS. It’s a library of CSS stylesheets for formatting for both print and web.
CSS Dig is a Chrome extension that lets you analyze your CSS in new ways. Easily view your CSS properties, or find potential problems with your selectors and specificity.
Material Refresh adds pull (swipe) to refresh for Google’s Material Design. It uses CSS3 and JavaScript with either Zepto or jQuery.
Interdimensional offers spacial scrolling capabilities for modern devices that have a gyroscope. Just activate it and tilt a device to scroll relative to a saved position.
Radium offers tools to manage inline styles on React elements, giving you powerful styling options without CSS. It features media queries, conceptually simple extensions of normal inline styles, and more.
Space.js is a JavaScript library for narrative 3D scrolling. It’s HTML-driven, which means you can use and control it without having to write any JavaScript.
Layzr.js is a small, modern, fast, dependency-free library for lazy loading. It boosts page speed by waiting to load images until they’re in or near the viewport.
Dragula is a simple drag and drop script. It’s easy to set up with no bloated dependencies.
Xto6 helps you keep your JavaScript code up to date. It supports Function/Prototype to Class, Anonymous callbacks to Arrow functions, and more.
Marx is a classless CSS reset with no JavaScript. It’s responsive, built on top of Sanitize.css for consistent rendering, and has clean typography, custom forms, and more.
jsblocks is a better MV-ish JavaScript framework that’s easy to learn. It lets you build everything from simple UIs to complex single-page web apps.
jQuery Nested makes it easy to create a gap-free, dynamic, multi-column grid layout. You can use custom widths and gutters, and the grid will automatically adjust if you add items to it, either at the beginning or end.
The Aesop Story Engine is a group of story components in a single plugin that simplifies multimedia storytelling in WordPress. It includes components for characters, parallax, audio & video, timeline, documents, collections, images, and more.
Webpack is a module bundler that takes modules with dependencies and turns them into static assets. It aims to be better suited to large projects, while also keeping initial loading time low.
Ramjet simplifies turning one DOM element into another. It works with images, SVG and HTML, and even animated gifs.