Web Developer Tools & Resources
Update Your Footer makes it simple to add a dynamic timestamp to your site’s footer, using either JavaScript or PHP. This way your copyright year or other timestamp update automatically.
Chroma.js is a JavaScript library for doing all sorts of color manipulations. It lets you initiate and manipulate colors, work with all kinds of color scales, and much more.
Particles.js is a lightweight JavaScript library for creating particles. It’s easy to configure and plenty of parameters to configure it to meet your needs.
Liberio is an excellent extension for Google Docs that makes it easy to create and publish your design and development (or any other) ebooks. Just write, import, and publish.
Materialize is a front-end framework based on Material Design. It’s easy to work with and speeds up development.
Decimal.js is an arbitrary-precision Decimal type for JavaScript, with a simple but full API. It has no dependencies and is only 8kb minified and gzipped.
Thaw.js offers synthetic asynchronous processing in JavaScript, which defers processes until the browser is ready for them. And unlike web workers, it gives you access to the DOM.
Tweene is a JavaScript animation proxy that is used as a wrapper for your chosen library. It currently works with GSAP, Velocity.js, Transit, and jQuery, with a single API to handle them all.
Elf is a small, powerful Stylus grid that’s built with calc(). It offers unlimited nesting with consistently sized gutters, ratio based sizing, and more.
Strip CSS Comments makes it easy to do just that: remove comments from your CSS files, reducing file sizes. It’s also available as a gulp/grunt/broccoli plugin.
Taunus is a micro isomorphic MVC engine for Node,js that focuses on delivering a progressively enhanced experience to the user. It focuses on usability and performance, as well.
PencilBlue is an open source Node.js content management system that’s fully responsive and completely scalable. It’s extendable, easy to use, and is great for more than just blogs.
Pioneer is an easy to understand JavaScript DSL to interact with your app using a real browser, for testing its state compared to expectations. It makes it easier to write and debug your interaction tests, and it’s stack agnostic.
Enyo is a framework for building native-quality HTML5 apps. It’s cross-platform compatible and battle tested.
Front-end Boilerplate is an easy way to get your web projects started, that’s pre-configured for LESS and SASS. It’s agnostic for front-end dependencies, so you can use it with the framework of your choice.
Squire is an HTML5 rich text editor that includes cross-browser normalization. It’s lightweight and flexible, and was written as a component for writing documents rather than web pages.
MNML is a responsive website template for designing in the browser. It’s less than 2kb minified and 1.2kb gzipped, and includes smarter type defaults.
Foundation for Apps is a frontend framework for creating fully responsive apps. It lets you build any kind of web app, with a completely new grid system for building flexible, immersive apps.
CSS Burrito is an organizational Sass template that includes four main elements: application.scss, libs, six core components, and modules. It’s goal is to keep your code organized so that projects will scale better.
Su is a DIY Sass grid engine, used for building Susy. You can use it to build whatever grid system you choose.
If you’ve considered building your own CSS framework, then check out Skyline, a starter kit for doing just that. It provides basic structural tools that you can then use to create your own designs.
MetricsGraphics.js is a JavaScript library built on D3 for laying out time-series data, currently supporting line charts, scatterplots, and histograms, plus features like rug plots and basic linear regression. All you have to do is plug in a few default parameters, as well as one or more optional parameters to get started.
101 is a modern JavaScript utility library that’s maintained to have minimal overlap with Vanilla JS. It removes the need for custom builds; just import naturally and what you use is bundled.
SmartUnderline is a JavaScript library that makes it easier to create cross-browser descender-aware underlines. It searches your page for links and with CSS underline applied, and replaces them with more beautifully styled underlines.
FKit is a functional programming toolkit for JavaScript that includes tools for solving common problems with functions, arrays, objects, and strings. It focuses on everyday utility while providing reusable building blocks.
Soma.js is a framework for building scalable and maintainable JavaScript apps. It offers tools for creating loosely-coupled architecture that can be made up of modules, models, views, plugins, or widgets.
Blip is a JavaScript library that wraps around the Web Audio API, simplifying node creation and audio routing. It also offers flexible methods for looping and manipulating samples, with both temporal precision and musical expressiveness.
Lazysizes is a fast, jank-free lazy loader for images, including responsive ones, iFrames, and scripts or widgets. It detects visibility changes triggered through user interaction, CSS or JavaScript without any configuration on your part.
Way.js is a lightweight, persistent JavaScript library that lets you bind to DOM elements to an in-memory datastore, for easy two-way databinding. It’s simple to use and framework agnostic.
Laroux.js is a jQuery substitute library for modern browsers and mobile devices. It provides helper functions to provide the same objectives as Zepto and jQuery, while maintaining a file size around 30kb.
Paperclip.js is a powerful template engine that’s built for extensibility and speed. It creates compiled templates for the browser and Node.js.