gpsarkar / html-basics

HTML BASICS

Softwares to install & other prerequisites

Developing

1. Text editor - VSCode (Recommended), Sublime Text, Notepad++ (a must have)
2. Browser - Chrome (Recommended), Firefox (Recommended), Lynx (For special cases)
3. Local Server - VSCode extension Live Server (Recommended for html basics)
4. Remote Server (for self learning) - Cloud services on web like Netlify, Heroku etc

Version control (Saving the code)

1. Git - Github (Recommended), gitlab, bitbucket

Deploying (Not required for learning html basics)

1. Packaging & bundling - Webpack (Recommended), Gulp, (Transpiling & Minimizing)
2. FTP (Not much in use now a days) - Filezilla

Preferred Browsers (no specific order of preference)

• Firefox dev: https://www.mozilla.org/en-US/firefox/developer/
• Chrome: https://www.google.com/intl/en_in/chrome/
• Firefox: https://www.mozilla.org/en-US/firefox/

Learn Browser Developer Tools

• Firefox: https://developer.mozilla.org/en-US/docs/Tools
• Chrome: https://developer.chrome.com/docs/devtools/

Links and references

Design Inspirations

• https://dribbble.com/shots/popular/web-design
• https://in.pinterest.com/search/pins/?q=web%20design
• https://www.webdesign-inspiration.com/

50% coding + 25% Graphics Design + 25% UX (User Experience)

Color palettes

• https://flatuicolors.com/
• https://colorhunt.co/
• https://coolors.co/

Fonts

• https://fonts.google.com/

CDNs (Content Delivery Network)

• https://www.jsdelivr.com/
• https://cdnjs.com/

Azure CDN (Private CDN)

Docs

https://developer.mozilla.org/en-US/docs/Web/CSS https://developer.mozilla.org/en-US/docs/Web/CSS/length

https://html.spec.whatwg.org https://github.com/markodenic/web-development-resources