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
Nesta página do site você pode assistir ao vídeo on-line LIVE 🔵 One Page Website Project • HTML CSS JavaScript • Part 4 duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Angela J Holden 01 Janeiro 1970, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 697 vezes e gostou 37 espectadores. Boa visualização!
