HTML and CSS Notes

CSS

Aligning divs https://css-tricks.com/snippets/css/a-guide-to-flexbox/

SCSS to CSS Compiler

• https://www.cssportal.com/scss-to-css/

Images

Combine multiple images into one for presentation

• brew install imagemagick
• +append (to combine images horizontally) or -append (to combine images vertically) option
• */usr/local/bin/convert -append full_image-0.png Picture\ 3.png final.png
• /usr/local/bin/convert +append Picture\ 1.png Picture\ 2.png final.png

Video

https://cloudinary.com/documentation/video_player_api_reference

• fluid Boolean Whether to activate fluid layout mode, which dynamically adjusts the player size to fit its container or window.
  • Note: You can alternatively pass cld-fluid as a css class of the video tag. For example: class=“cld-video-player cld-video-player-skin-dark cld-fluid”