Tools We Use

An overview of the Tools we use at Grey Software

Software

Github

Github Preview

GitHub is home to the largest software development community on the planet with over 50M+ developers and 100M+ projects. Grey software uses GitHub to manage collaborative open source software development projects and find the organization through the Github Sponsors program.

Gitlab

 Preview

Organizations rely on GitLab’s source code management, CI/CD, security, and more to deliver software rapidly. We use Gitlab along with Github because both services offer unique features that our organization takes advantage of.

Why do we use both Github and Gitlab? We use Gitlab for our primary development operations because we found it more conducive to handling the complexity of software project management. We use GitHub because of its vast community, classroom platform, and sponsorships program.

Design

Figma

Figma Preview

Figma is a web-based graphic and user interface design app. It allows you to collaborate on design files with your team in real time, and fits very well in the toolkit of a frontend web developer.

At Grey Software, we use Figma for our UI design and prototyping work.

Overlay

Overlay Preview

Overlay is an exciting piece of technology that allows you to export Figma designs to modern web code. Since were constantly on the lookout for tools that simplify the design to development process, we are delighted to use an advocate for overlay.


Operations

Plausible Analytics

Plausible Preview

HackMD

HackMD Preview

HackMD allows you to work on Markdown files and collaborate with your teammates in real time. At Grey Software, we use HackMD as our Google Docs or Microsoft Word alternative for collaborating on team documents.

N8N

N8N Preview

Workflow autmation allows our organizational processes to function with fewer errors and less time by having computers execute rule-based logic that automates manual work.

At Grey Software, we love using N8N to automate our workflows because of its fun user-interface and commitment to open-source transparency.


Languages

Markdown

Most of our web content at Grey Software, including this page you're on, is written in Markdown.

Javascript

Javascript is the language of the web, and it's difficult not to fall in love with it once you learn its quirks!

At Grey Software, Javascript is our primary language for frontend and backend applications!

Typescript

TypeScript is a superset of JavaScript that adds optional static typing to the language, which helps us catch mistakes while writing our code.


Frameworks

Vue

vue Preview

Vue is a powerful Javascript framework that integrates well with classic web development tools and is a joy to learn and work with.

Overview

Why Use Vue?

Nuxt

Nuxt Preview

Why Use Nuxt?

Quasar

Quasar Preview

We used Quasar to build Material Math


Utilities

Brave Browser and Firefox

Browsers Preview

Most of our projects management and development happens on web browsers, and there are two major open source engines in the market right now: Chromium and Firefox Quantum.

Add Grey software, we regularly use both browser engines for diverse compatability, and our favorite browsers to work with are Mozilla Firefox and Brave.

VisBug

VisBug Preview

VisBug is an open-source web extension that allows users to interact with their webpage using powerful tools that can edit elements and inspect styles.

Our team at Grey Software highly recommends having this extension since it has allowed us to treat the webpage as an art-board that we can edit and inspect before heading back into the code editor.

ImageOptim

ImageOptim Preview

ImageOptim allows us to save disk space & bandwidth by compressing images without losing too much quality.