The Odin Project 1: Web Development Foundations (HTML, CSS, Flexbox & JS Basics)
Master the complete Odin Project Foundations path modernized for 2026: how the web works, semantic HTML5, CSS Box Model & Flexbox, and JavaScript DOM fundamentals.
GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing codingcat.dev — CSS Courses, Podcasts & Blog Posts | CodingCat.dev ⌨️ Language & Standard Hub CSS.Flexbox, CSS Grid, Subgrid, View Transitions & Scroll Animations Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering CSS: Flexbox, CSS Grid, Subgrid, View Transitions & Scroll Animations.   5 Courses · 2 Blog Posts · 5 Episodes✏️ CSS Production Architecture Diagram ✓ Good PatternVISUAL DIAGRAM [Diagram Walkthrough]How CSS fits into a modern, type-safe full-stack production architecture on CodingCat.dev. AAA Contrast VerifiedCSS Courses.Filter on Courses Page→ The Odin Project 3: Intermediate HTML, Modern Forms & CSS Grid ArchitectureMaster 2D CSS Grid layouts, Subgrid, CSS Custom Properties, fluid clamp() typography, container queries, and zero-JS form validation with :user-valid.  The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG AccessibilityBuild 60fps GPU-accelerated animations, multi-page Astro View Transitions, WCAG AAA focus rings, and accessible native <dialog> and Popover components.  HyperFrames: Turning HTML & Canvas into 60fps Video for AI AgentsLearn how HeyGen's open-source HyperFrames compiler turns self-contained HTML, CSS, and Canvas compositions into deterministic 1080p60 videos built by AI agents.  CSS Blog Posts.Showing 2 of 2 blog posts  Let's Learn SvelteEmbrace the hype. Give Svelte and SvelteKit a try! Learn how to build modern web applications with SvelteKit, a quickly growing framework for generating static web pages (SSG) as well as Server Side Rendered content (SSR). In this crash course, you'll learn all the basics including file-based routing, API routes, dynamic routes, global and scoped CSS, and much more!  Accessibility Best Practices for HTML & CSSAccessibility is an ongoing, ever-evolving process that is an extremely important aspect for inclusion and usability. These are some of the best practices you can follow in HTML and CSS to improve the user's experience on your site. No matching blog posts found for this filter. Try clearing the filter above to browse the full feed. Loading more blog posts... ✓ All blog posts loaded CSS Podcast Episodes.Showing 5 of 5 episodes  Simplyfing SvelteKit View Transitions with Paolo Ricciutisveltekit-view-transitions offers a straightforward approach for implementing these transitions without complexity, aiming to enhance the user interface with smooth and visually appealing changes between views.  Adam Argyle Presents CSS Features for 2023 and beyond!Adam helps reveal some CSS features that will elevate your code and help you push forward.  Making the Web Easier to BuildUna Kravets is a DevRel extraordinaire making CSS magic at Google.  Open Props - an Open Source CSS Props LibraryWe sit down to learn more about Adam Argyle and his new project Open Props.  Using CSS in JS with StitchesWe sit down with Pedro Duarte to talk all about using CSS in JavaScript and why Modulz created Stitches. No matching episodes found for this filter. Try clearing the filter above to browse the full feed. Loading more episodes... ✓ All episodes loaded |
| You are visitor 01402503 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |
