Web Developer Tools & Resources
Spectre.css is a lightweight, responsive CSS framework. It includes carefully designed elements and useful built-in components and utilities.
Urubu is a micro CMS for static websites. It includes flexible content ordering, uses Markdown syntax, focuses on navigation, and more.
Designing for the Web is a free online web design ebook from Mark Boulton. It includes sections on getting started, typography, research, layout, and more.
Ally.js is a JavaScript library that simplifies particular accessibility functions, features, and behaviors. It provides certain standard functions so that JavaScript applications can be made accessible more easily.
Horizon is a realtime, open-source JavaScript backend. It lets you rapidly build and deploy web and mobile apps using a simple JavaScript API.
Cutestrap is a sassy, opinionated CSS framework that’s a tiny alternative to Bootstrap. It includes forms, grid, typography, and more.
Push.js makes it simple to create cross-browser compatible push notifications with the JavaScript Notifications API.
If you want to add a fullscreen background video to your website projects, check out the easy-to-use Bideo.js JavaScript library.
Checkbox.css is a tiny set of CSS3 animations just for your checkboxes. It’s super easy to use and includes a number of fun animations to suit your purposes.
Vital is a minimally invasive CSS framework for modern web apps. It’s just 6KB gzipped, with no JavaScript and vast device support.
How to Center in CSS makes it super easy to generate the code you need to center your content according to parameters you set.
Wheatbin is open source project management software that combines Kanban methodology with the Law of the Harvest. It’s self-hosted, easy to install, and has a mobile-first design.
Bedrock is a WordPress boilerplate that has an improved folder structure and easy configuration. It includes modern development tools like dependency management with Composer.
Flatmarket is an open source e-commerce platform for static websites. It’s reliable, secure, and uses Stripe for payment processing.
HyperDev is a developer playground that lets you build real web apps quickly. It includes automated deployment, instant hosting, and collaborative editing.
Postmen offers free shipping APIs for integrating courier services into your ecommerce site. Easily add multiple shipping carriers to online stores of any size.
Weld Action Blocks is a drag and drop web app builder. Build infographics, games, and more without coding.
Doclets makes it simple to create beautiful JavaScript API docs. It includes standard formats, versioning, and will stay free for open source projects forever.
Rebass is a set of 57 React stateless functional UI components. It uses inline styles to avoid CSS dependencies and stop leaky global styles from affecting an application.
Inspect Form is form validation in JavaScript Vanilla. It has no dependencies and supports multiple languages.
Gutenberg is a meaningful web typography starter kit. It’s flexible and easy to use, and brings craftsmanship to web typography.
RichCSS is a framework that makes it easy to create clean, reusable CSS. It brings convention and organization to CSS that anyone can understand.
Relax is a new generation CMS built on top of React, Redux, and GraphQL. It’s not ready for production sites yet, but looks very promising.
Flexbox Grid is a grid system that’s based on the flex display property. It’s responsive and fluid, with a simple syntax.
Small is an insanely lightweight, free code editor for OS X. It’s like TextEdit, but with syntax highlighting and a few other unobtrusive features.
MJML App for OS X makes it easy to create responsive emails on your desktop. You can import and manage templates, edit emails with live rendering, and more.
This Bootstrap 4 Cheat Sheet is the perfect quick reference for Bootstrap 4. You can even opt to highlight just the new features in Bootstrap 4.
Glio.js lets you easily tigger callbacks when it detects that your visitor’s mouse has left the browser viewport. It can help increase your conversion rates by giving visitors a reason to stick around.
ActiveBootstrapSkin is a Bootstrap skin for Active Admin. It’s easy to install and configure.