Web Developer Tools & Resources
First Aid git is a searchable repository of frequently asked questions about git. It includes dozens of topics, with more being added.
Sprint.js is a tiny, fast DOM library for modern browsers that’s great for use on limited bandwidth and resource-constrained devices. It has a familiary, jQuery-like chainable API.
Electron lets you use web technologies to build cross-platform desktop applications. It uses HTML, CSS, and JavaScript along with Chromium and Node.js, so your apps run on Linux, Mac, and Windows platforms.
Medium-style-confirm makes it easy to create Medium-style dialog boxes. Create simple dialogs, dialogs with subtitles, and more.
Transformy.io lets you transform your lists. Just paste the lines you want to transform and then type in just a single example of the format you want to transform them to.
Penguin is an extensible, lightweight front-end framework built with Sass. It includes a Gruntfile for compiling your SCSS, plus a set of powerful Sass mixins.
Egg.js makes it simple to add easter eggs to your site by watching your visitors’ keystrokes. It’s really easy to use, just by including the egg.js file on your page and adding the easter egg(s).
Elevator.js is a funny script that “improves” the user experience of “scroll to top” buttons. Specifically, it adds some lovely retro elevator music as it scrolls back up.
FlexCss is a mobile-first CSS/Javascript pattern-library that’s lightweight and Flexbox based. It was built for HelloFellow by David Heidrich.
Resizr makes it easy to test your responsive website designs. Just load the URL and choose the devices and orientation you want to test to see results.
Harmon is a simple typographic scale written in Sass. It’s based on the principal that using a modular scale helps achieve visual harmony in your designs.
Goji is a minimalistic web microframework for Golang. It values composability and simplicity.
Nodemailer makes it easy to send emails from Node.js. It supports HTML as well as plain text emails, and supports unicode characters, HTML image embedding, and more.
PapaParse is an in-browser multi-threaded CSV parser that includes header row support and type conversion. It can also skip commented lines, has graceful error handling, and can open local files or download remote files.
Basscss is a low-level CSS toolkit that includes immutable utilities, layout modules, base element styles, and color styles. It’s designed for clarity, scalability, speed, and performance.
Email.js is a set of components for writing email apps with JavaScript and HTML5 or Node.js. It includes an email builder, email parser, IMAP client, and SMTP client.
Basket.js is a simple script loader that caches scripts with localStorage. It lets locally saved scripts load automatically, while those that haven’t been saved locally already will be cached for later use.
Dense.js is a jQuery plugin that lets you serve device pixel ratio-aware images on your website. It works with any modern browser, and can display retina images on any device or platform that supports them.
fullPage.js lets you create full-screen scrolling websites. It’s easy to use, and can also be used to create website sliders.
Guides.js is a grid that you can toggle on and off to make designing in the browser easier. All you have to do is press the “g” key to turn the grid on or off.
Rainyday.js lets you easily create a realistic-looking raindrops on glass effect with JavaScript and HTML5 canvas. It includes an extensible API and collision detection built-in, and is compatible with most modern browsers.
HTMLHint is a static code analysis tool for HTML. It’s easy to use, just copy and paste in your code and specify what you want hints based on.
Crow is an easy to use C++ micro framework inspired by Python Flask. It has a fast built-in JSON parser, a Mustache-based templating library, and more.
Flask is a python microframework that’s based on Werkzeug and Jinja 2. It’s easy to set up, includes a built-in development server and debugger, and integrated unit testing support, among other features.
Lunr.js offers simple full-text search for your client-side apps. It’s small, has no external dependencies, yet is full-featured.
Cayley is an open-source graph database from Google. It was inspired by the graph database behind Freebase and Google’s Knowledge Graph.
Hashcash.io makes it easier to secure your website from spammers and hackers, and in the future, will let you earn cash in the process. Your users will be asked to answer simple math questions on forms, preventing bots and brute force attacks.
Compass is an open-source CSS authoring framework that uses SASS. It offers cleaner markup without presentational classes, makes it easy to create sprites, and includes plenty of reusable patterns, among other features.