Please enable JavaScript.

Coggle requires JavaScript to display documents.

Front-end, Resources - Coggle Diagram

- - - - Color Theory
        
        Resource
      - Saturation
        
        refers to the amount of gray in a color.
        At maximum saturation - no gray in the color.
      - Brightness
        
        refers to how much black is in a color.
        At maximum brightness - no black in the color
      - Contrast
        
        long spans of text, reduce contrast a little bit to improve readability
        
        check contrast
    - - class selector
        
        p.note {} only <p> element with class note
      - child selector
        
        li>a {} any <a> elements that are children of <li> element
      - descendant selector
        
        p a {} any <a> element sit inside a <p> element
      - Adjacent sibling selector
        
        h1+p {} targets the first <p> element after any <h1> element
      - General sibling selector
        
        h1~p {} select all <p> elements that are siblings of <h1> element
    - - h1 is more specific than *
      - p b is more specific than p
      - p#intro is more specific than p
- - - - React, Vue,js, Angular SJS
    - - fast, feel like an app
      - Reuse of code
      - easily to migrate code to a mobile app
    - - longer load time as more files to run at startup
      - SEO problem as difficult ot rank only one page
      - may not function as expected within the browser