Images, Layout, and Typography

My files

  • Images
    • Create a folder in your project for images
    • Image editing basics
      • Save the largest version of an image you can find
        • Header and content images should be at least as big as your container
        • Background images should be tiling or very large (1,600 pixels wide or larger)
      • Basic editing and exporting
      • Rename your images – lowercase, no spaces, etc.
      • Image formats
        • JPG – photographs
        • PNG – images with transparency
    • Background images
      • CSS – ch. 16
        • background-image
        • background-repeat
        • background-attachment
        • background-position
        • background shorthand property
      • Useful tiling backgrounds at Subtle Patterns
      • High resolution images at Unsplash
    • Header images in CSS
    • Images in content
      • Centering
      • Floating
        • float property with margin and padding as needed
  • Typography
  • Layout – pp. 370-376
    • Columns with float
    • The clearing div
  • Adding comments to your code
    • HTML – <!-- comment -->
    • CSS – /* comment */