https://github.com/devbigboy/html-workshop
🚀 This repository shares ALL of the resources referenced during the HTML tutorial series.
https://github.com/devbigboy/html-workshop
css css3 html html5
Last synced: 30 days ago
JSON representation
🚀 This repository shares ALL of the resources referenced during the HTML tutorial series.
- Host: GitHub
- URL: https://github.com/devbigboy/html-workshop
- Owner: DevBigBoy
- Created: 2023-04-01T22:25:32.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-17T18:04:14.000Z (over 2 years ago)
- Last Synced: 2025-05-17T02:07:59.718Z (about 1 year ago)
- Topics: css, css3, html, html5
- Language: HTML
- Homepage:
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# "HTML for Beginners"
## Full Course - 10 Days
---
### Author Links
👋 Hello, I'm Mohamed Elshazly.
🚀 Follow Me:
- [Twitter](https://twitter.com/DevBigBoy)
- [LinkedIn](https://www.linkedin.com/in/devbigboy/)
- [Facebook](https://www.facebook.com/DevBigBoy/)
- [Github](https://github.com/DevBigBoy)
---
### Description
🚀 This repository shares ALL of the resources referenced during the HTML tutorial series.
---
### ⚙ Free Web Dev Tools
- 🔗 [Google Chrome Web Browser](https://google.com/chrome/)
- 🔗 [Dark New Tab Chrome Extension](https://chrome.google.com/webstore/detail/dark-new-tab/kcphhkbdlfggickaoeiahdcfhagfbajl?hl=en)
- 🔗 [Visual Studio Code (aka VS Code)](https://code.visualstudio.com/)
- 🔗 [Live Server VS Code Extension](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
- 🔗 [Prettier VS Code Extension](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- 🔗 [vscode-icons VS Code Extension](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)
- 🔗 [Github Themes VS Code Extension](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)
- 🔗 [W3C HTML Validator](https://validator.w3.org/)
- 🔗 [HTML5 Outliner](https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo)
### 📚 References
- 🔗 [MDN: HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
- 🔗 [MDN: HTML Elements Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
- 🔗 [HTML Entities Character Chart](https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references)
- 🔗 [MDN Web Glossary: Semantics](https://developer.mozilla.org/en-US/docs/Glossary/Semantics)
- 🔗 [w3Schools: Semantic HTML](https://www.w3schools.com/html/html5_semantic_elements.asp)
- 🔗 [MDN: Document and Website Structure](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure)
### 🖼️ Image Resources:
- Placeholder Image Generators:
- 🔗 [21 of the Best](https://loremipsum.io/21-of-the-best-placeholder-image-generators/)
- Sites with Freely-Usable Images:
- 🔗 [Unsplash.com](https://unsplash.com/)
- 🔗 [Pexels.com](https://www.pexels.com/)
- 🔗 [Gratisography.com](https://gratisography.com/)
- 🔗 [Pixabay.com](https://pixabay.com/)
- Image Editing / Resizing Software:
- 🔗 For Windows: [Irfanview](https://www.irfanview.com/)
- 🔗 As a Service: [Canva.com](https://www.canva.com/)
- 🔗 [Suggestions for Macs](https://www.cleverfiles.com/howto/top-5-photo-editing-apps-mac.html)
- Full Featured Editor for Windows/Mac/Linux:
- 🔗 [Gimp](https://www.gimp.org/)
- Image Compression (shrink file size):
- 🔗 [TinyPNG](https://tinypng.com/)
### 📚 HTML Table References:
- 🔗 [MDN: Table Basics](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics)
- 🔗 [MDN: Advanced Tables and Accessibility](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced)
### 📚 HTML Forms References:
- 🔗 [MDN: Web Forms](https://developer.mozilla.org/en-US/docs/Learn/Forms)
- 🔗 [MDN: Form Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)
---