All Videos
-
Micro-interactions still matter
It's the little UI/UX touches that make your app feel alive. Let's look at 4 simple lines of CSS that can transform a boring interaction into something playful and fun.
-
My favorite way to author content in Astro
Astro Editor is like iA Writer, but for Content Collections. My new favorite way to write Astro Content Collections.
-
My thoughts on Astro joining Cloudflare
Cloudflare just acquired Astro. Let's talk about it. https://astro.build/blog/joining-cloudflare/ https://astro.build/blog/supporting-the-future-of-astro/ https://blog.cloudflare.com/astro-joins-cloudflare/
-
Thoughts on my channel
🌐 Connect With Me 🌐 - Astro course: https://learnastro.dev - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog 🤝 Follow Me 🤝 - Twitter: https://twitter.com/cpenned - BlueSky: https://bsky.app/profile/codinginpublic.dev 💸 Support Me 💸 - Patreon: https://www.patreon.com
-
Live code: trying Codewars for the first time
Come join me as I test my JS knowledge.
-
Astro's NEW take on content (live content collections)
Astro 6 is getting close. One of it's major features, live content collections, requires exploration. Here's a quick first look at what's coming.
-
My First CSS Battle
Try it yourself! - Challenge 1: https://cssbattle.dev/play/aXis0sSssDhxuDQ6u5q6 - Challenge 2: https://cssbattle.dev/play/PFs2OfTjQUUy6j3zN2qv 🌐 Connect With Me 🌐 - Astro course: https://learnastro.dev - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog 🤝 Follow Me 🤝
-
Ultimate Content Collections Overview
Let's review content collections in 12 minutes—here's all the basics you need to know.
-
New life-like easing in CSS
It's hard to believe, but the linear() function has been stable for 2 years. Here's a quick preview of what it is and how to use it.
-
Eloquent JavaScript: Chapter 7
Learn JavaScript chapter 7: Robot Project https://eloquentjavascript.net/07_robot.html
-
Micro-interactions still matter
Little micro interactions and accessibility concerns make a big difference to showing your attention to detail.
-
Live Code: Product UI Live Code (Web Dev Daily)
Project: https://www.webdevdaily.io/challenges/product-information-ui-334/ Check out my Astro course: https://learnastro.dev 🌐 Connect With Me 🌐 - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog - Twitter: https://twitter.com/cpenned - Patreon: https://www.patreon.com/
-
How View Transitions actually work
View Transitions can feel like magic, but the API is very observable and flexible. And it's mostly modern CSS and generally well-supported (https://caniuse.com/?search=%40view-transition). Let's see how it works under the hood.
-
Eloquent JavaScript: Chapter 6 (part 2)
Learn JavaScript chapter 6: The Secret Life of Objects https://eloquentjavascript.net/06_object.html
-
Astro's early bet on the server
Check out my Astro course: https://learnastro.dev Astro is static by default and ships no client-side JavaScript. But you can add an SSR adapter to get LOTS of benefits: dynamic routes, dynamic endpoints, actions, server islands, sessions, and more.