{"id":30219100,"url":"https://github.com/codeslash21/front-end-web-developer-nanodegree","last_synced_at":"2026-02-11T10:33:02.991Z","repository":{"id":307833227,"uuid":"1003159603","full_name":"codeslash21/Front-End-Web-Developer-Nanodegree","owner":"codeslash21","description":"Notes and resources related to front end developer nanodegree course","archived":false,"fork":false,"pushed_at":"2025-08-02T12:36:31.000Z","size":22142,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-02T14:32:19.082Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codeslash21.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-16T18:04:11.000Z","updated_at":"2025-08-02T12:36:34.000Z","dependencies_parsed_at":"2025-08-02T14:43:14.364Z","dependency_job_id":null,"html_url":"https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree","commit_stats":null,"previous_names":["codeslash21/front-end-web-developer-nanodegree"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/codeslash21/Front-End-Web-Developer-Nanodegree","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslash21%2FFront-End-Web-Developer-Nanodegree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslash21%2FFront-End-Web-Developer-Nanodegree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslash21%2FFront-End-Web-Developer-Nanodegree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslash21%2FFront-End-Web-Developer-Nanodegree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codeslash21","download_url":"https://codeload.github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslash21%2FFront-End-Web-Developer-Nanodegree/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270385319,"owners_count":24574544,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-14T02:00:10.309Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-08-14T07:47:24.324Z","updated_at":"2026-02-11T10:33:02.983Z","avatar_url":"https://github.com/codeslash21.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Front End Web Developer Nanodegree\n\n\n- [Web Development Fundamentals](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/1.%20Web%20Development%20Fundamentals)\n\n  - [HTML Fundamentals](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md)\n    - [HTML Introduction](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#html-introduction)\n    - [Document Structure](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#document-structure)\n    - [HTML Elements](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#html-elements)\n    - [Form](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#form)\n      - [Form Elements](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#form-elements)\n      - [Form Input Elements](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#form-input-elements)\n      - [Input Type Attributes](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#input-type-attributes)\n      - [Form Validation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#form-validation)\n      - [Code Example](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#code-example)\n    - [Responsive Image](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#responsive-image)\n    - [DOM](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#dom)\n    - [Pseudo Element](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#pseudo-element)\n    - [SVG](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#svg)\n    - [NOTE](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#note)\n\n\n  - [Semantic HTML](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/2.%20Semantic%20HTML/2.%20Semantic%20HTML.md)\n    - [Importance Of Semantic HTML](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/2.%20Semantic%20HTML/2.%20Semantic%20HTML.md#importance-of-semantic-html)\n    - [Landmark Elements](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/2.%20Semantic%20HTML/2.%20Semantic%20HTML.md#landmark-elements)\n    - [Other Semantic Elements](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/2.%20Semantic%20HTML/2.%20Semantic%20HTML.md#other-semantic-elements)\n    - [Semantic Attributes](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/2.%20Semantic%20HTML/2.%20Semantic%20HTML.md#semantic-attributes)\n    - [NOTE](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/2.%20Semantic%20HTML/2.%20Semantic%20HTML.md#note)\n\n\n  - [CSS Fundamentals](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md)\n    - [Introduction](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#introduction)\n    - [HTML Class and ID](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#html-class-and-id)\n    - [Implementing CSS](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#implementing-css)\n      - [Inline Styles](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#inline-styles)\n      - [Internal CSS](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#internal-css)\n      - [External CSS](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#external-css)\n    - [Importing CSS Files](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#importing-css-files)\n    - [Priority and Specificity](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#priority-and-specificity)\n      - [Cascading Rule](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#cascading-rule)\n      - [Specificity](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#specificity)\n      - [Important](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#important)\n      - [Inheritance](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#inheritance)\n    - [Pseudoclass](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#pseudoclass)\n    - [Shorthand Properties](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#shorthand-properties)\n    - [Customizing Font](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#customizing-font)\n      - [Importing Font](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#importing-font)\n    - [Common Font Formats](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#common-font-formats)\n    - [Styling Text](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#styling-text)\n    - [BOX Model](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#box-model)\n    - [Units Of Measurement](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#units-of-measurement)\n    - [Display Properties](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#display-properties)\n      - [block](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#block)\n      - [inline](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#inline)\n      - [inline-block](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#inline-block)\n      - [none](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#none)\n    - [Selectors](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#selectors)\n\n\n  - [Layout Techniques And Responsive Design](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md)\n    - [Positioning](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#positioning)\n      - [Static](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#static)\n      - [Relative](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#relative)\n      - [Absolute](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#absolute)\n      - [Fixed](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#fixed)\n      - [Sticky](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#sticky)\n    - [Float](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#float)\n      - [Clear Property](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#clear-property)\n    - [Flexbox](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#flexbox)\n      - [Display Mode](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#display-mode)\n      - [Flexbox Properties](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#flexbox-properties)\n        - [Flex Container Properties](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#flex-container-properties)\n        - [Flex Item Properties](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#flex-item-properties)\n    - [CSS Grid](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#css-grid)\n      - [Grid Properties](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#grid-properties)\n      - [Grid Item Properties](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#grid-item-properties)\n    - [Media Query](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#media-query)\n    - [Mobile First Design](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#mobile-first-design)\n      - [Benefits](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#benefits)\n      - [Principles](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/4.%20Layout%20Techniques%20And%20Responsive%20Design/1.%20Layout%20Techniques%20And%20Responsive%20Design.md#principles) \n\n\n\n- [CSS Techniques, Tooling, and Web Accessibility](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility)\n\n  - [CSS Architecture](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/1.%20CSS%20Architecture/1.%20CSS%20Architecture.md)\n    - [CSS Methodology](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/1.%20CSS%20Architecture/1.%20CSS%20Architecture.md#css-methodology)\n    - [BEM](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/1.%20CSS%20Architecture/1.%20CSS%20Architecture.md#bem)\n    - [OOCSS](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/1.%20CSS%20Architecture/1.%20CSS%20Architecture.md#oocss)\n    - [SMACSS](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/1.%20CSS%20Architecture/1.%20CSS%20Architecture.md#smacss)\n\n   \n  - [CSS Preprocessors](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md)\n    - [CSS Preprocessor](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#css-preprocessor)\n      - [Commonly Used Preprocessors](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#commonly-used-preprocessors)\n      - [Purpose](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#purpose)\n      - [Sass VS CSS](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#sass-vs-css)\n      - [Preprocessors And CSS Methodologies](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#preprocessors-and-css-methodologies)\n    - [Sass](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#sass)\n      - [Key Features](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#key-features)\n      - [Nesting](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#nesting)\n      - [Compiling Sass](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#compiling-sass)\n      - [Variables](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#variables)\n      - [Partials](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#partials)\n      - [Mixins](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#mixins)\n      - [Using Sass](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#using-sass)\n    - [Build Process](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/2.%20CSS%20Preprocessors/1.%20CSS%20Preprocessors.md#build-process)\n\n\n  - [Advanced CSS Techniques](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md)\n    - [Variables](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#variables)\n    - [Math Functions](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#math-functions)\n    - [Scroll Snap](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#scroll-snap)\n    - [Backdrop Filter](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#backdrop-filter)\n    - [Transitions](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#transitions)\n    - [Animation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#animation)\n      - [Keyframes](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#keyframes)\n      - [Background Animation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#background-animation)\n      - [Turning Off Animation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#turning-off-animation)\n    - [Parallax Effect](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/3.%20Advanced%20CSS%20Techniques/1.%20Advanced%20CSS%20Techniques.md#parallax-effect)\n\n\n  - [Web Accessibility](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/4.%20Web%20Accessibility/1.%20Web%20Accessibility.md)\n    - [Web Accessibility](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/4.%20Web%20Accessibility/1.%20Web%20Accessibility.md#web-accessibility)\n    - [WCAG](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/4.%20Web%20Accessibility/1.%20Web%20Accessibility.md#wcag)\n    - [Verifying Accessibility](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/2.%20CSS%20Techniques%2C%20Tooling%2C%20and%20Web%20Accessibility/4.%20Web%20Accessibility/1.%20Web%20Accessibility.md#verifying-accessibility)\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n- [Web Design Rules And Framework](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/5.%20Web%20Design%20Rules%20And%20Framework)\n\n  - [Web Design Rules](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/5.%20Web%20Design%20Rules%20And%20Framework/1.%20Web%20Design%20Rules/1.%20web%20design%20rules.md)\n  - [Website Personality](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/5.%20Web%20Design%20Rules%20And%20Framework/2.%20Website%20Personality/1.%20website%20personality.md)\n  - [Elements And Components Design Ideas](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/5.%20Web%20Design%20Rules%20And%20Framework/3.%20Elements%20And%20Components%20Design%20Ideas/1.%20elements%20and%20components%20design%20ideas.md)\n\n\n\n- [CSS Styles](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/6.%20CSS%20Styles)\n  - [Clip Path](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#clip-path)\n  - [Animation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#animation)\n    - [Moving Text](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#moving-text)\n    - [Button](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#button)\n    - [Text](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#text)\n  - [Background Clip](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#background-clip)\n  - [Gallery/Compositionn](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#gallery)\n  - [Background Blendmode](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#background-blendmode)\n  - [Rotating Card](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#rotating-card)\n  - [Image Filter](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#image-filter)\n  - [Background Video](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#background-video)\n  - [Navigation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#navigation)\n  - [Placeholder Design](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#placeholder-design)\n  - [Others](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#others)\n \n\n\n- [Issues](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/7.%20Issues)\n\n  - [CSS Issues](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/7.%20Issues/1.%20CSS%20Issues/1.%20CSS%20Issues.md)\n    - [Animation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/7.%20Issues/1.%20CSS%20Issues/1.%20CSS%20Issues.md#animation)\n    - [Style](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/7.%20Issues/1.%20CSS%20Issues/1.%20CSS%20Issues.md#style)\n   \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeslash21%2Ffront-end-web-developer-nanodegree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodeslash21%2Ffront-end-web-developer-nanodegree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeslash21%2Ffront-end-web-developer-nanodegree/lists"}