Web Developer Tools & Resources
Slate makes it easy to create beautiful static documentation for your API. It has a clean, intuitive design and uses Markdown to format your text.
Voxel.css makes it easy to render 3D. It supports all image types and includes GPU acceleration and CSS3 transitions.
Whiteboard makes it easy to write beautiful API documentation. It’s a NodeJS based project inspired by the Ruby-based Slate API documentation tool.
Loud Links is a small JavaScript library that lets you add sounds to interactions on your website. It creates HTML5 audio element and uses it to play mp3/OGG audio files.
Typi is a framework for simple, responsive typography. It helps you create vertical rhythms in EM or REM units, among other features.
Structor is a user interface builder for React. It’s a fast and handy tool for visual construction of UIs from pre-created components, and eliminates routine tasks.
Scooter is an SCSS framework for Dropbox that provides base styles, CSS components, and rapid static prototyping. It’s very well documented and easy to use.
Simulacra.js provides one-way data binding between JavaScript objects and the DOM. When data changes in your web app, it maps those changes to the DOM.
sQuery is a small library of chain methods “in a jQuery way” for Sketch. It makes the selection and filter task a little easier.
CLImate is a vital tool if you run PHP from the command line. It lets you easily output colored text, special formatting, and more.
Colordrop makes it easy to change the colors of UI elements using drag and drop. Use it as a bookmarklet or get the Chrome extension to see how potential color changes will look.
Fabricator lets you build your own custom UI kit. Organize your system however you want, and even generate a style guide from your toolkit code.
Imba is a new programming language for building powerful web applications. It includes language level support for defining, extending, subclassing, instantiating, and rendering dom nodes.
HackMyResume is a “Swiss-army knife” for resumes and CVs. It works with any Fresh or JSON resume theme, and generates a variety of file formats: HTML, Word, Markdown, PDF, and many others.
Slim is a PHP micro framework that lets you quickly but simply write powerful web apps and APIs. It includes an HTTP Router, PSR-7 Support, Dependency Interjection, and more.
PHAP allows you to write native mobile apps using PHP. It uses PHP for the functionality, and HTML/CSS for the UI, making it easy to create apps that run natively on iOS, Android, and Windows Phone.
Feature.js is a feature-detection library that’s only 1kb. It’s fast, simple, and lightweight.
Appolo makes it easy for developers to create portfolios of their apps. It’s a set of plugins and themes for Jekyll, and is fully responsive.
StickyStack.js is a jQuery plugin for creating a stacking content effect. Panels stick as they reach the top of the viewport to create the effect.
Colofilter.css lets you easily add duotone filters to photos using CSS. It’s a cool effect, but doesn’t work in every browser, so make sure you don’t use it on anything mission-critical.
UnMQ removes media queries from your CSS while preserving rules that match a hard-coded viewport. It’s useful for outputting CSS for older desktop browsers, like IE8.
Philter is a JavaScript plugin for controlling CSS filters with HTML attributes. It also supports hover effects.
Utility OpenType offers simple, CSS utility classes for creating advanced typographic features. It includes common and discretionary ligatures, small caps, case sensitive forms, and much more.
The Poor Man’s Styleguide is a pragmatic frontend styleguide. It’s quick-and-dirty, and designed to be copied and pasted into your CMS.
Paradeiser is CSS-only mobile navigation that’s only 1.3kb. It works on desktop, too, with no JavaScript required.
Comcastify.js, from The Onion, creates a slower internet experience by making images load slower. While it’s a tongue-in-cheek script, the code is still interesting to dive into.
Rollerblade.js makes it easy to create an interactive image rotator. It can be used to showcase products, images, and anything else you want.