Coursework from Udacity's intro to HTML and CSS course

Folders are in the order

1. Toplist - Basic concepts of HTML and CSS are explored
2. Frameworks - How to build a framework
3. Mockup1 - How to create a framework from a design and implement it using HTML and CSS
4. Bootsrap - Using features of Bootstrap to create framework.

Reference Websites

1. Validate HTML Code https://validator.w3.org/nu/

2. Validate CSS Code http://jigsaw.w3.org/css-validator/

3. A Guide to Flexboxes http://css-tricks.com/snippets/css/a-guide-to-flexbox/

4. HTML reference https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

5. CSS reference https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

6. Generate and load Placeholder images https://placeholder.com/

7. Webfonts https://fonts.google.com/

8. Cross Browser Compatability Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. https://necolas.github.io/normalize.css/

9. CSS Minifier \n Manually minify your CSS using a site like http://cssminifier.com/.

You can also use a more advanced and automated workflow where minified CSS files get created automatically using a build system like: Grunt - https://gruntjs.com/ Gulp - https://gulpjs.com/ webpack. - https://webpack.github.io/

10. Instructions on how to use Developer Tools Shortcuts: https://developer.chrome.com/devtools/docs/shortcuts#opening-devtools