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 … Read More
Category: Course Resources (Page 1 of 3)
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 … Read More
Style rules tell the browser how to display specific content.
HTML’s style rules are written in a format called CSS (Cascading Style Sheets).
Most HTML elements have limited or no … Read More
All HTML elements are basically boxes.
In CSS, the term “box model” is used when talking about design and layout.
The CSS box model is essentially a box that wraps … Read More
These links include CSS rules related to color, as well as descriptions of the color modes available in CSS.
- predefined colors – a list of the colors you can reference
The CSS rules and concepts linked below include methods for controlling the placement of page elements and layout formatting and behavior.
- centering block elements – methods for automatically centering different
These links include CSS rules to control standard typographic attributes (leading, kerning, etc.) as well as instructions for using external fonts.
- font-family
- font-size
- color
- letter-spacing – rough kerning (the font-kerning
HTML Rules and Structure
The links below cover basic concepts of working with HTML (Hypertext Markup Language), such as the structure of an HTML … Read More
Semantic elements have names that relate to the way they’re used in an HTML document, or the kind of content they contain. This makes code easier to read and organize, … Read More
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 … Read More
