LIVE 🔵 One Page Website Project • HTML CSS JavaScript • Part 4
🔴 This weekend I continued cloning the https://www.knitpicks.com homepage for a personal project called Fiber & Kraft. The plan for today is to style the main content sections using CSS Grid or Flexbox. As always, it’s all vanilla HTML, CSS and JavaScript. No frameworks or libraries.
WebAIM Color Contrast Checker
"Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger." https://webaim.org/resources/contrast...
MDN text-shadow
https://developer.mozilla.org/en-US/d...
Developer Roadmaps
https://roadmap.sh
🟠 GITHUB REPO: https://github.com/angelajholden/home...
🟠 GITHUB PAGE: https://angelajholden.github.io/homep...
🔵 CONSULTING + CODE REVIEWS: https://angelajholden.com/consulting
🔵 EMAIL: info@angelajholden.com
🟢 GITHUB SPONSORS: https://github.com/sponsors/angelajho...
🟢 DONATE: https://www.paypal.me/angelajholden
📚 Chapter Markers
00:00:00 LFG!
00:02:33 Project Recap
00:07:50 CSS z-index Cage Match
00:12:50 CSS Hero Text Overlay
00:13:40 A11y Large Text Color Contrast
00:19:14 CSS Hero Text Styles
00:23:10 Chrome Reading Mode
00:39:25 CSS Hero Text Styles Continued
01:00:50 Developer Roadmaps
01:08:30 CSS Finishing Hero Styles
01:25:24 Testing Flexbox + CSS Grid for Layout
01:36:50 CSS Grid Responsive Cards
01:44:00 CSS Grid for "Products"
01:53:25 CSS Refining Button Styles
01:57:57 CSS Finishing "Products" Styles
02:09:00 Wrap Up + Git Commit
On this page of the site you can watch the video online LIVE 🔵 One Page Website Project • HTML CSS JavaScript • Part 4 with a duration of hours minute second in good quality, which was uploaded by the user Angela J Holden 01 January 1970, share the link with friends and acquaintances, this video has already been watched 697 times on youtube and it was liked by 37 viewers. Enjoy your viewing!
