- 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://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://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://flexbox.malven.co/
- http://flexboxfroggy.com/
- freeCodeCamp CSS Flexbox course
Concise list of array methods with links to usage
Does it mutate??
Some people on Reddit got together and made a quiz based on the contents of
You Don't Know JavaScript.
-
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.
rips out colors and applies a grid and borders.
Awesome, can't live with out it.
Evaluates your page to see how accessible it is to things like screen readers.
Find out what font styles are being used on a page and shamelessly steal them for yourself.
For testing responsiveness
The Front-End Checklist Application
Icons for everything
Free photo galleries
Photo editing software
A much cheaper alternative to Adobe Photoshop, recommened by Jonny
Logo generator
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.