On May 4 we used Photoshop’s image processor to automatically resize thumbnails, and laid out the thumbnails using the CSS display: flex; property. We also used the :hover CSS pseudo-class
Category: Tutorials
download images here
download a blank starter website here
On our first day back from break, we mockup a diorama in Photoshop, then use CSS positioning to recreate the layout
LinkedIn Learning has detailed, organized tutorials that are especially good for learning and practicing new coding languages and software. They offer a free month, but you can get long-term free
Here’s a completed version of the Cobalt Valkyrie responsive unit demo.
Here are the finished files for our in-class exercise.
We’ll use this demo splash page for the Cobalt Valkyrie private aircraft to practice using responsive units and object/color transparency.
Here’s a link to the files I used to demonstrate display: flex and basic header/nav laout.
