Frontend Programmering

This repository is meant for CME students to access exercises and codealongs that happen throughout the course.

I hope you will find this repository useful during this course.

Useful links

• CSS battle to apply your new skills with CSS

Tools I use when I develop

My computer setup

• Macbook Pro mid 2015 15-inch
• Oh my Zsh (terminal skin)
• Shift It (tool to move open programs around with your keyboard)
• Alfred (productivity tool)
• Vscode (code editor)
• SourceTree (version control visualiser)
• Chrome (browser for development)

Background shapes

• Custom shape dividers
• Haikei shapes
• Hero patterns
• Clip path maker

Color palette generators

• Coolors
• mycolor.space

Browser extensions

• Color picker (if you wish to know a color from a website)
• What font? (if you wish to know what font a certain website uses)

Misc

• Hero icons (free icons to use on your website)
• Box shadow generator
• SVG optimizer