W6D2 - CSS
Topics
CSS - Cascading Style Sheets
Float
Inline Blocks
Flexbox
css-tricks.com/lodge
Assessment 5 - Practice
Javascript
Jasmine Specs
Image Types
PNG - transparent background, good for logos
JPG - cannot have transparent background, good for photographs, bad for icons because of artifacting
Vendor Pre-fixing
Projects
App Academy Friends
Replicate a social media page using CSS
No Partner
Learnings
The following is a common/classic/traditional way to center elements
margin: 0 auto;
The following is another standard width setting, originated by the New York Times way back in the day
width: 900px;
Make text not wrap, but stretch all the way across the container
white-space: nowrap;
Text Shadow - horizontal_shadow, vertical_shadow, color
text-shadow: 2px 2px #ff000
Hide overflowing content, clipped, rest of the content remains visible
overflow: hidden;
It's much easier to get bogged down in your own errors/bugs when coding by yourself
Use Chrome Dev Tools rather than switching between own code & browser
Check filepaths when importing images
If you want an image to be searchable & included in SEO, include it in the content of the HTML and not just as a background image
Flexbox - should be dined on the Parent eleemnt for it to space out/affect the Children elements