• To get started fork and clone this repo
• To add more information first create new branch using git checkout -b <branch name>
• Add information to this README file. It uses markdown formatting https://guides.github.com/features/mastering-markdown/
• Once information has been saved in README. Use git commit -am "<commit message>" to commit changes to your branch
• Push your branch up to your forked repo using git push origin head
• Once branch is pushed up create a pull request
• Important make all your changes on your feature branch not master.

• The first time you want to get latest changes from upstream repo you will need to add it as a remote.
• To do that run git remote add upstream [email protected]:constructorlabs/shared-resources.git. You only need to do that once
• All changes will be coming in on master branch. Make sure you are on master branch before pulling down changes - git checkout master
• To pull latest changes to master from upstream run git pull upstream master
• At this stage you can checkout a feature branch as above and continue as before.

• https://eloquentjavascript.net/

• https://internetingishard.com/
• SATAN EXPLAINS HTML using DEATH METAL
• Wes Bos: Easy Creation of HTML with JavaScript’s Template Strings

  👏 THIS. 👏 IS. 👏 AMAZING. 👏 How to create HTML elements from arrays using template strings. 🔥💯💪

• http:https://jxnblk.com/hello-color
• CSS Diner
• Coolers

  Nice colour scheme tool for the aesthetically challenged.

• Type-Scale
• Dribbble
• https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

  Explanation of different css selectors

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• http:https://flexbox.malven.co/
• http:https://flexboxfroggy.com/
• freeCodeCamp CSS Flexbox course

• http:https://grid.malven.co/
• https://cssgridgarden.com/
• Layout land, real world examples

Concise list of array methods with links to usage

• https://www.w3schools.com/jsref/jsref_obj_array.asp
• https://doesitmutate.xyz/

Does it mutate??

• You Don't Know JavaScript Exercises

Some people on Reddit got together and made a quiz based on the contents of You Don't Know JavaScript.

• https://github.com/toddmotto/public-apis

• React Cheat Sheet

• https://www.youtube.com/playlist?list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS Beginners guide to React - 2nd video helps explain what the webpack.config file is doing, afterwards going on to clearly explain building individual components.

• https://docs.emmet.io/cheat-sheet/ http:https://tachyons.io/xray/

rips out colors and applies a grid and borders.

• https://prettier.io/

Awesome, can't live with out it.

• WAVE - Web Accessibility Evaluation Tool

Evaluates your page to see how accessible it is to things like screen readers.

• WhatFont?

Find out what font styles are being used on a page and shamelessly steal them for yourself.

• sizzy.co

For testing responsiveness

• frontendchecklist.io

The Front-End Checklist Application

• Bracket Pair Colorizer
• GitLens
• Open in Browser
• Prettier
• VS Live Share
• Debugger for Chrome

• Noun project

Icons for everything

• Figma

Free photo galleries

• Unsplash
• Pixabay

Photo editing software

• Affinity Photo

A much cheaper alternative to Adobe Photoshop, recommened by Jonny

Logo generator

• Logo Joy

• Form design tips

• Regex Cheatsheet

Resetting code to last commit - this will abandon any changes and load code as it was at last commit

• git reset head --hard

Clone repo into new folder - if you want to clone some else's repo without affecting your own copy you can clone it into a new folder. From workspace run

• git clone

For example running git clone [email protected]:constructorlabs/shared-resources.git my-resources will create a folder called my-resources inside current folder and clone shared-resources repo into the folder.

• Markdown formatting

• Markdown Cheatsheet