CSS CYOA - June 15, 2021 by Tony Grimes https://padlet.com/acidtone/d83sldzgxekn9o7z What would you like to learn about CSS? Up-vote your faves or add your own topic! We'll cover the most up-voted topics. Detailed agenda: https://github.com/acidtone/evolveu-c6-in-class/tree/main/w14d02-grimey-css en-us 2021-06-14 14:02:58 UTC 2025-11-16 12:56:24 UTC hello@padlet.com Layout Patterns with CSS Grid and Flexbox acidtone https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605168090 Covering:
- Card patterns
- Galleries
- Forms
- Hero sections

Homework:
- Designing card-based interfaces
- Build a Classic Layout FAST in CSS Grid
- Using Flexbox + CSS Grid Together: Easy Gallery Layout

Reference:
- CSS layout cookbook
- Grid by Example
- Complete Guide to Grid
- Complete Guide to Flexbox
]]> 2021-06-14 14:05:03 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605168090 Colour themes with HSL, and CSS Variables acidtone https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605169234 Covering:
- HSL colour model
- Colour theory
- CSS variables

Homework:
- Reading colour hex codes
- On Switching from HEX & RGB to HSL
- HSL() / HSLa() is great for programmatic color control 
- Dark mode in 5 minutes]]> 2021-06-14 14:05:31 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605169234 Controlling CSS with Javascript acidtone https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605170347 Covering:
- classList API
- Element.style.setProperty()
- getComputedStyle()
- CSS Variables

Homework:
- MDN: CSS Variables
- Lea Verou: CSS Variables

Reference
- Element.classList]]> 2021-06-14 14:05:57 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605170347 Image filters and blend modes acidtone https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605174096 Covering:
- HTML vs CSS images
- background-blend-mode property
- mix-blend-mode property
- filter property

Homework:
- Una Kravets: CSS Blend Modes]]> 2021-06-14 14:07:26 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605174096 Web Typography and Google Fonts acidtone https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605177738 Covering:
- Font fallbacks
- Font services (Google Fonts)
- Fluid typography
- Finding great font combinations

Homework:
- MDN: Fundamental text and font styling
- Why you shouldn't set font-sizes using em
- Simplified Fluid Typography

Reference:
- Search: "best Google Font combinations"]]> 2021-06-14 14:08:58 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605177738 Building resilient CSS (progressive enhancement) acidtone https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605179660 Covering:
- CSS error handing
- CSS Overrides
- Evaluating browser support
- Feature Queries

Homework:
- Resilient CSS, 7-part Series]]> 2021-06-14 14:09:42 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605179660 CSS selectors hierarchy. Classes, pseudo classes, pseudo elements, content properties. rafaelhalarcon https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605674618 2021-06-14 17:33:37 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605674618 Top library or framework to streamline your CSS styling management. rafaelhalarcon https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605679455 2021-06-14 17:35:48 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1605679455 CSS flexibility to resize content to window size https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1606344031 2021-06-15 01:05:31 UTC https://padlet.com/acidtone/d83sldzgxekn9o7z/wish/1606344031