Web Developer Tools & Resources
Lighthouse provides auditing and performance metrics for Progressive Web Apps. It’s available as a Chrome extension or CLI.
Drizzle is a streamlined tool for the development, documentation, and presentation of UI pattern libraries. It’s built on Node.js.
Iris is the fastest web framework available for Go. It focuses on high performance, has a highly scalable Websocket API with custom events, and more.
Choo is a sturdy frontend framework for applications. It’s tiny (just 7kb), has a small API, and renders seamlessly in both Node and browsers.
Coconut is a simple, elegant, Pythonic functional programming language. It lets you extend and enhance what you’re already capable of in Python.
Flex Layout Attribute is a layout helper based on CSS flexbox. It gives you quick flexbox shorthand by using two custom html attributes — ‘layout’ and ‘self’.
Full Stack Python is a comprehensive resource for learning Python. It includes a section on building apps with frameworks, deploying web apps, and lists of the best resources for learning.
ProtoPie is a new prototyping tool that doesn’t require any coding. Rather than code, it uses Interaction Pieces to prototype the way an app should work.
Monaco Editor is a browser-based code editor that powers VS Code. It’s well-documented and easy to integrate into your projects.
EQCSS is a JavaScript plugin for CSS element queries and more. It lets you create sites that are content-responsive rather than just responsive to the browser viewport size.
Palette Town is a Sass mixin for generating color palettes. Just include the mixin, pass in your color and which type of palette you’d like to create, and it does the rest.
Nodal.js a web server for Node.js that is optimized for quickly and efficiently building API services. It has its own opinionated, idiomatic, highly-extensible framework.
Mega Boilerplate is a collection of handcrafted starter projects that are optimized for simplicity and ease of use. It works with Node.js, static HTML5 sites, Electron, and more.
Pills is a tiny, responsive CSS grid for humans. It’s 4KB, uses a mobile first grid system, and utilizes the HTML5 Boilerplate Head.
Anypixel.js lets you create web-friendly big, unusual, interactive displays using all sorts of things. Any can fork the code and schematics to create their own display.
Jam API lets you turn any site in a JSON-accessible API using CSS selectors. It’s well-documented, complete with code examples.
UberRUSH is an on-demand delivery network that’s powered by Uber. It lets you and your customer track the exact location of your delivery from any device.
Holmes gives you real-time search inside your pages. It’s easy to install and fully documented.
HEAD is a reference for all the things that can go into the <head> of your document. It breaks down the bare minimum, plus all the extras you might include.
Play Framework is a high velocity web framework for Java and Scala. It’s developer-friendly, scales predictably, and was built for the modern web and mobile apps.
Pavilion is a simple, unopinionated CSS framework built for front-end web developers who lean towards creativity, exploration, and creating UI components themselves.
Picnic CSS is a beautiful, lightweight library. It gives native HTML elements a boost so you don’t need to write presentation classes mixed with your html.
React-server is a React framework with server render. It has super fast page load and seamless transitions.
Every wondered what Happy Cog’s starting point for a new website project was? Now you can not only find out, but use their frontend starter files yourself.
React-designer gives you editable vector graphics in your React components. It’s easy to configure and lightweight.
Mira makes it simple to create read-only APIs from your CSV files. It’s built with Ruby on Rails, and is easy to set up.
Coloor is an HTML image preloading utility that adds data-coloor attributes containing a small base64 encoded version of your image to your tags. It quickly shows a small version of your image while the original is loading.