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
En esta página del sitio puede ver el video en línea LIVE 🔵 One Page Website Project • HTML CSS JavaScript • Part 4 de Duración hora minuto segunda en buena calidad , que subió el usuario Angela J Holden 01 enero 1970, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 697 veces y le gustó 37 a los espectadores. Disfruta viendo!
