Front-end Tools

Figma

Figma

Figma (https://figma.com) is a powerful browser-based tool for UX/UI design with convenient frontend web development features such as API for design tokens and features such as variables (to align with css custom properties).

Pug

A HTML template language that supports the use of variables and includes.

Sass

Sass

Sass (syntactically awesome stylesheets) is a style sheet language that is interpreted or compiled into Cascading Style Sheets (CSS). It extends CSS by providing features such as variables, partials, nesting, and mixins.

Github

GitHub is a web-based Git version control repository hosting service. It offers all of the distributed version control and source code management (SCM) functionality of Git as well as adding its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, and wikis for every project. GitHub …

Github Read More »

Codepen

CodePen

CodePen is a browser-based code-sharing platform for front-end web designers and developers. It is great for inspiration, education, and sharing code. You can quickly and easily conduct tests, show off your latest creations and get feedback from your peers, and find coded examples of design patterns. Codepen Links Codepen.io Instructor’s pens (kccnma) Some instructor pens …

CodePen Read More »