https://github.com/codeslash21/front-end-web-developer-nanodegree

Notes and resources related to front end developer nanodegree course
https://github.com/codeslash21/front-end-web-developer-nanodegree

Last synced: 4 months ago
JSON representation

Notes and resources related to front end developer nanodegree course

• Host: GitHub
• URL: https://github.com/codeslash21/front-end-web-developer-nanodegree
• Owner: codeslash21
• Created: 2025-06-16T18:04:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-08-02T12:36:31.000Z (11 months ago)
• Last Synced: 2025-08-02T14:32:19.082Z (11 months ago)
• Homepage:
• Size: 21.1 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Front End Web Developer Nanodegree

- [Web Development Fundamentals](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/1.%20Web%20Development%20Fundamentals)

  - [HTML Fundamentals](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md)

    - [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)

    - [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)

    - [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)

    - [Form](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#form)

      - [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)

      - [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)

      - [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)

      - [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)

      - [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)

    - [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)

    - [DOM](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#dom)

    - [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)

    - [SVG](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#svg)

    - [NOTE](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/1.%20HTML%20Fundamentals/1.%20HTML%20Fundamentals.md#note)

  - [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](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)

    - [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)

    - [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)

    - [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)

    - [NOTE](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/2.%20Semantic%20HTML/2.%20Semantic%20HTML.md#note)

  - [CSS Fundamentals](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md)

    - [Introduction](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#introduction)

    - [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)

    - [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)

      - [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)

      - [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)

      - [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)

    - [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)

    - [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)

      - [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)

      - [Specificity](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#specificity)

      - [Important](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#important)

      - [Inheritance](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#inheritance)

    - [Pseudoclass](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#pseudoclass)

    - [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)

    - [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)

      - [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)

    - [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)

    - [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)

    - [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)

    - [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)

    - [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)

      - [block](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#block)

      - [inline](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#inline)

      - [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)

      - [none](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#none)

    - [Selectors](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/1.%20Web%20Development%20Fundamentals/3.%20CSS%20Fundamentals/1.%20CSS%20Fundamentals.md#selectors)

  - [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)

    - [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)

      - [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)

      - [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)

      - [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)

      - [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)

      - [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)

    - [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)

      - [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)

    - [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)

      - [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)

      - [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)

        - [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)

        - [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)

    - [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)

      - [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)

      - [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)

    - [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)

    - [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)

      - [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)

      - [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) 

- [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)

  - [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)

    - [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)

    - [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)

    - [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)

    - [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)

   

  - [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)

    - [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)

      - [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)

      - [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)

      - [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)

      - [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)

    - [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)

      - [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)

      - [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)

      - [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)

      - [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)

      - [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)

      - [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)

      - [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)

    - [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)

  - [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)

    - [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)

    - [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)

    - [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)

    - [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)

    - [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)

    - [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)

      - [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)

      - [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)

      - [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)

    - [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)

  - [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](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)

    - [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)

    - [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)

- [Web Design Rules And Framework](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/5.%20Web%20Design%20Rules%20And%20Framework)

  - [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)

  - [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)

  - [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)

- [CSS Styles](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/6.%20CSS%20Styles)

  - [Clip Path](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#clip-path)

  - [Animation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#animation)

    - [Moving Text](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#moving-text)

    - [Button](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#button)

    - [Text](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#text)

  - [Background Clip](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#background-clip)

  - [Gallery/Compositionn](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#gallery)

  - [Background Blendmode](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#background-blendmode)

  - [Rotating Card](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#rotating-card)

  - [Image Filter](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#image-filter)

  - [Background Video](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#background-video)

  - [Navigation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#navigation)

  - [Placeholder Design](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#placeholder-design)

  - [Others](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/6.%20CSS%20Styles/1.%20CSS%20Style.md#others)

 

- [Issues](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/tree/main/7.%20Issues)

  - [CSS Issues](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/7.%20Issues/1.%20CSS%20Issues/1.%20CSS%20Issues.md)

    - [Animation](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/7.%20Issues/1.%20CSS%20Issues/1.%20CSS%20Issues.md#animation)

    - [Style](https://github.com/codeslash21/Front-End-Web-Developer-Nanodegree/blob/main/7.%20Issues/1.%20CSS%20Issues/1.%20CSS%20Issues.md#style)