Channel index | فهرس القناة
#my_projects - #github
#course - #article - #event
#frontend - #backend - #general_programming
#tips - #websites
#youtube_videos - #jobs
#my_projects - #github
#course - #article - #event
#frontend - #backend - #general_programming
#tips - #websites
#youtube_videos - #jobs
Course: HTML and CSS In Depth
Week 1
Module 2: Semantic and Meta Tags
HTML meta tags
Semantic elements
Simple bare bones HTML webpage
HTML5/CSS bare-bones newsletter template
Add open graph social metadata- Twitter
Essential meta tags for social media
The meta element
Open graph protocol
Using open graph protocol on website
Meta OGP guide for webmasters
Opens in a new tab
Bootstrap with HTML
Bootstrap Layout Examples
#article
Week 1
Module 2: Semantic and Meta Tags
HTML meta tags
Semantic elements
Simple bare bones HTML webpage
HTML5/CSS bare-bones newsletter template
Add open graph social metadata- Twitter
Essential meta tags for social media
The meta element
Open graph protocol
Using open graph protocol on website
Meta OGP guide for webmasters
Opens in a new tab
Bootstrap with HTML
Bootstrap Layout Examples
#article
Course: HTML and CSS In Depth
Week 1
Module 4: Media Elements
https://html.com/media/
https://studio.support.brightcove.com/publish/choosing-correct-embed-code.html
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML
https://www.educba.com/iframes-in-html/
https://www.tutorialrepublic.com/html-tutorial/html5-canvas.php
https://html.spec.whatwg.org/multipage/media.html
#article
Week 1
Module 4: Media Elements
https://html.com/media/
https://studio.support.brightcove.com/publish/choosing-correct-embed-code.html
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML
https://www.educba.com/iframes-in-html/
https://www.tutorialrepublic.com/html-tutorial/html5-canvas.php
https://html.spec.whatwg.org/multipage/media.html
#article
Course: HTML and CSS In Depth
Week 2
Module 1: Creating Layouts
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://learncssgrid.com/
https://web.dev/learn/css/grid/
https://www.educba.com/css-viewport/
https://1stwebdesigner.com/fascinating-css-grid-layout-examples-and-tutorials/
https://csslayout.io/
#article
Week 2
Module 1: Creating Layouts
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://learncssgrid.com/
https://web.dev/learn/css/grid/
https://www.educba.com/css-viewport/
https://1stwebdesigner.com/fascinating-css-grid-layout-examples-and-tutorials/
https://csslayout.io/
#article
Course: HTML and CSS In Depth
Week 2
Module 2: CSS Selectors
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://learncssgrid.com/
https://web.dev/learn/css/grid/
https://www.educba.com/css-viewport/
https://1stwebdesigner.com/fascinating-css-grid-layout-examples-and-tutorials/
https://csslayout.io/
#article
Week 2
Module 2: CSS Selectors
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://learncssgrid.com/
https://web.dev/learn/css/grid/
https://www.educba.com/css-viewport/
https://1stwebdesigner.com/fascinating-css-grid-layout-examples-and-tutorials/
https://csslayout.io/
#article
Course: HTML and CSS In Depth
Week 2
Module 3: CSS Effects
Transform and transition property
Detailed information about animation
Detailed information about @keyframes
More advanced examples for adding text effects (1)
More advanced examples for adding text effects (2)
More advanced examples for adding text effects (3)
Types of effects added to websites (1)
Types of effects added to websites (2)
Collection of examples using HTML/CSS
#article
Week 2
Module 3: CSS Effects
Transform and transition property
Detailed information about animation
Detailed information about @keyframes
More advanced examples for adding text effects (1)
More advanced examples for adding text effects (2)
More advanced examples for adding text effects (3)
Types of effects added to websites (1)
Types of effects added to websites (2)
Collection of examples using HTML/CSS
#article
Course: HTML and CSS In Depth
Week 2
Module 4: Debugging
Website to check for browser-compatibility
Official website for Stylelint
Widely used linter website to check CSS code
CSS Validator to check accuracy of CSS code
Dealing with specificity issues
Beginner errors made in CSS
Knowledge-based mistakes to avoid in CSS
How to use Webkit in your CSS code
Commonly-occurring browser issues in CSS
#article
Week 2
Module 4: Debugging
Website to check for browser-compatibility
Official website for Stylelint
Widely used linter website to check CSS code
CSS Validator to check accuracy of CSS code
Dealing with specificity issues
Beginner errors made in CSS
Knowledge-based mistakes to avoid in CSS
How to use Webkit in your CSS code
Commonly-occurring browser issues in CSS
#article