LIVE 🔵 One Page Website Project • HTML CSS JavaScript • Part 4

Veröffentlicht am: 01 Januar 1970
auf dem Kanal: Angela J Holden

697

🔴 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

Auf dieser Seite können Sie das Online-Video LIVE 🔵 One Page Website Project • HTML CSS JavaScript • Part 4 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Angela J Holden 01 Januar 1970 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 697 Mal angesehen und es wurde von 37 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

32,005

896

00:00:00