Links

Web technology for developers | MDN

The open Web presents incredible opportunities for developers. To take full advantage of these technologies, you need to know how to use them. Below you'll find links to our Web technology documentation.

Editor.js

Free block-style editor with a universal JSON output

Tiptap - Dev Toolkit Editor Suite

Tiptap is a suite of content editing & real time collaboration tools. Build editor experiences like Notion in weeks, not years.

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

m GitHub Copilot - Visual Studio Marketplace

Extension for Visual Studio Code - Your AI pair programmer

* { box-sizing: border-box } FTW - Paul Irish

Storybook: Frontend workshop for UI development

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.

m GitLens — Git supercharged - Visual Studio Marketplace

Extension for Visual Studio Code - Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more

Devhints — TL;DR for developer documentation

A ridiculous collection of web development cheatsheets

Carbon | Create and share beautiful images of your source code

Carbon is the easiest way to create and share beautiful images of your source code.

m Todo Tree - Visual Studio Marketplace

Extension for Visual Studio Code - Show TODO, FIXME, etc. comment tags in a tree view

m Docker - Visual Studio Marketplace

Extension for Visual Studio Code - Makes it easy to create, manage, and debug containerized applications.

Developing inside a Container

Developing inside a Container using Visual Studio Code Remote Development

m Dev Containers - Visual Studio Marketplace

Extension for Visual Studio Code - Open any folder or repository inside a Docker container and take advantage of Visual Studio Code's full feature set.

m Remote Development - Visual Studio Marketplace

Extension for Visual Studio Code - An extension pack that lets you open any folder in a container, on a remote machine, or in WSL and take advantage of VS Code's full feature set.

Render | The cloud for builders

Deploy and scale any app or agent from your first user to your billionth. Build faster on intuitive cloud infrastructure for the modern web.

Flagsmith - Open Source Feature Flag Service

Flagsmith makes it easy to create and manage feature flags. Roll out, segment, and optimise. Stay secure with on-premise and private cloud hosting.

m Auto Close Tag - Visual Studio Marketplace

Extension for Visual Studio Code - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text

m Auto Rename Tag - Visual Studio Marketplace

Extension for Visual Studio Code - Auto rename paired HTML/XML tag

m Remote - SSH - Visual Studio Marketplace

Extension for Visual Studio Code - Open any folder on a remote machine using SSH and take advantage of VS Code's full feature set.

Super — Create Custom Websites with Notion

Create a custom website in less than a minute with instant page loads, SEO optimization, and customized theming. All your content is kept and managed in Notion so you can focus on creating while Super handles the rest.

m Better Comments - Visual Studio Marketplace

Extension for Visual Studio Code - Improve your code commenting by annotating with alert, informational, TODOs, and more!

m Vue Peek - Visual Studio Marketplace

Extension for Visual Studio Code - Allows peek and goto definition for Vue single-file components.

EmChart

EmChart is a lookup table for converting pixel values to EM values and calculating line-height

m File Utils - Visual Studio Marketplace

Extension for Visual Studio Code - A convenient way of creating, duplicating, moving, renaming and deleting files and directories.

m Noctis - Visual Studio Marketplace

Extension for Visual Studio Code - Noctis is a collection of light & dark themes with a well balanced blend of warm and cold colors

Monodraw for macOS — Helftone