Tools & Services

What you use, is less important, than what you made.

Software is selected based on availability on both Mac and PC operating systems. Create the following account(s). Do NOT upgrade to Paid plans. All accounts are free-to-try.

circle-info

I understand, I will-not upgrade to any paid plans and for any of the following tools and services

Pencils, Pen, Markers, and Paper

We are all Designers. We should always be carrying a pencils, pens, markers, and paper -- lots of paper.

Web Browser is: Chrome DEV

Modern browsers FireFox, Edge, etc. have developer specific versions. We will be using Chrome for Developers not the regularly Chrome browser.

Code Playground is: CodePen

CodePen is an interactive-playground for practicing coding, forking other code, and following in class Lecture. Students will use CodePen under the umbrella of the Department — and have access to the paid Developer Team plan.Again, do not upgrade.

https://codepen.io/arrow-up-right

Text Editor is: Visual Studio Code

Many (many) text editors to write code. VS Code by Microsoft is the most popular.

Visual Studio Code - Code Editing. Redefinedarrow-up-right

Many free and paid vector based design tool exists. Each has its Pros/Cons. We will use what is available in the computer labs. Find one you like. Get proficient with it.

Version Control via: GitHub (service & app)

Version Control is essential for modern web design, and development. Many version control options exist, GitHub is the most widely used. The GitHub Desktop app is the graphical-user interface to the GitHub service.

GitHub Desktoparrow-up-right

Build and Deploy with: Netlify

GitHub is good for version control, but not website deployment, forms, CDNs, split testing, and edge networks. Many services like Netlify exist, but it is the most widely used. See GitHub vs. Netlify for more information.arrow-up-right

Netlify: Develop & deploy the best web experiences in record timearrow-up-right

Vector Design is: Figma

Many free and paid vector based design tool exists. Each has its Pros/Cons. We will use what is available in the computer labs. Find one you like. Get proficient with it.

Figma: the collaborative interface design tool.arrow-up-right

Last updated