General Musings with Kevin Powell
So much new CSS stuff! How can we keep up?!
updated
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My experience attending CSS Day 2024: kevinpowell.co/article/my-experience-attending-css-day-2024
Miriam's article I mention near the end: oddbird.net/2024/06/13/css-layout
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
Timestamps:
00:00 - Introduction
00:43 - CSS Day Experience
01:10 - Adoption of New CSS Features
02:35 - Challenges in CSS Adoption
06:02 - Raising Awareness for New CSS Features
09:22 - Final Thoughts
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
Or check out the site, and get your own ticket: thatconference.com/wi
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
If you'd like a bit more context, I talked about the decision more in this video on my main channel: youtu.be/S6Sh9byMpZQ
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
Our conversation explores their experiences in the web development industry and their approach to creating content. We discuss the pressure to conform to trends and algorithms, the importance of staying true to oneself, and the challenges of keeping up with rapidly evolving technologies.
We also touch on the role of AI in design and development (which you might be able to tell, I used for these show notes π ), highlighting the need for strong articulation skills to effectively communicate with AI models.
Overall, the conversation emphasizes the importance of experimentation, continuous learning, and pushing the boundaries of creativity. The conversation explores the future of software engineering and the evolving job market, touches on the idea that while technology is changing, the skills and problem-solving mindset of a software engineer will always be valuable.
We also reflect on the early days of their YouTube channels and the personal connections they formed with their audience, and the importance of a balance between work and personal life.
Travis reflects on his decision to leave the DevTips YouTube channel and the impact it had on his personal life. He discusses the importance of genuine relationships and the joy of being loved rather than praised. Travis shares the unexpected story of how he regained ownership of the channel after five years and his plans for its future.
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
In this episode, Kevin discusses the importance of being open to different learning methods and not getting stuck in one's preferred way of learning. He emphasizes the debunking of the learning styles myth and advocates for a multimodal approach to learning. Kevin shares his personal experience of scheduling learning time and how it has helped him become more organized and efficient. He also talks about the challenges of creating online courses that cater to different learning preferences. The key takeaway is to be willing to try different learning methods and not dismiss them outright.
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
All of Una's Talks: https://una.im/speaking/
Give Una a follow on Twitter: twitter.com/Una
More on anchor positioning: https://12daysofweb.dev/2023/anchor-positioning/
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
If you ask any front-end developer what the easiest language is between HTML, CSS, and JS, and everyone is going to say HTML, right?
Itβs funny though, because most of the things I hem and haw over the longest are often related to how to mark something up in my HTML.
π Links
My newsletter: kevinpowell.co/newsletter
The Discord community: kevinpowell.co/discord
Stephanie Eckle's article on the difficulty of semantic HTML: thinkdobecreate.com/articles/a-call-for-consensus-on-html-semantics
The twitter post I mentioned: twitter.com/KevinJPowell/status/1773035208175911301
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@KevinPowell
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
**Other awesome stuff around the web:**
- Stephanie Eckles 12-days of Web: https://12daysofweb.dev/
- Oh No, Overflow! css-irl.info/oh-no-overflow
- Observation: color-mix and currentColor: https://blog.kizu.dev/color-mix-current-color/
- Elevate your CSS debugging skills with these Chrome DevTools tricks in 2024: utilitybend.com/blog/elevate-your-css-debugging-skills-with-these-chrome-devtools-tricks-in-2024
**What Iβve been up to this week:**
- Incredible scroll-based animations with CSS-only: youtu.be/UmzFk68Bwdk
- The man behind some of the craziest CSS Iβve ever seen: youtu.be/QmpH0KbjOqY
- Use this instead of `:focus` in your CSS: youtube.com/shorts/FHgnhnUwwQM?feature=share
- How I use AI to boost my productivity while Coding: youtu.be/t3vT5po8QxE
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
Other awesome stuff around the web:
- The hanging-punctuation property by Chris Coyier: chriscoyier.net/2023/11/27/the-hanging-punctuation-property-in-css
- Behavior belongs in the HTML by Alex Petros: unplannedobsolescence.com/blog/behavior-belongs-in-html
What Iβve been up to this week:
- Two better alternatives to overflow: hidden: youtu.be/72pUm4tQesw
- True parallax with CSS: youtube.com/shorts/540k3TOkHPs?feature=share
- These font stacks will improve your siteβs performance: youtu.be/VOd6jfAImV4
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
You see, I recently have become so excited about how we can use a CSS feature that Iβm changing my approach to creating the core structure for websites going forward. The sort of final version of this idea Iβm talking about is something that I posted about this week on my main channel, but in reality, itβs something I figured out over five years ago, and I just never realized how great it was at the time. Or rather, I realized I was onto something, and then, for reasons weβll get to later, I stopped bothering with it and eventually totally forgot about it.
Other awesome stuff around the web:
- CSS Wrapped: 2023 on the Chrome for Developers blog: developer.chrome.com/blog/css-wrapped-2023
- A few ways CSS is easier to write in 2023 by Geoff Graham: smashingmagazine.com/2023/11/few-ways-css-easier-write-2023
What Iβve been up to this week (and other links of mine that I mentioned):
- My first video on Grid: youtu.be/plRcoRqLriw
- My video from 2018 on grid as a container replacement: youtu.be/eC2v0v229Ec
- My recent video on using grid as a container replacement: youtu.be/eC2v0v229Ec
- My video from this week that expands on that idea: youtu.be/cf-J4ffMBfo
- I ranked the CSS units into different tiers: youtu.be/S0wilV67hjQ
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
- The thought process to break down more complex problems.
- Being able to dive into existing code and quickly make sense of it.
These are probably two of the most important skills you can have as a developer, but they donβt get much attention because they arenβt as easy to convey as βfollow along as I code this upβ.
Iβll give some tips on how you can improve your skills on both of these though, and as a bonus it can even be a little fun!
**Other awesome stuff around the web:**
- ShopTalk showβs How to Think like a Frontend Developer: shoptalkshow.com/series/how-to-think-like-a-front-end-developer
- Hyperplexedβs channel: youtube.com/@hyperplexed
- Hyperplexed video that I mentioned: youtube.com/watch?v=G9207EJySaA
- CSS4 is coming by CSS Weekly: youtube.com/watch?v=j4mOm1qic7k
- Workarounds for Buggy Gradients by Keith J. Grant: keithjgrant.com/posts/2023/11/problematic-color-gradients-and-workarounds
**What Iβve been up to this week:**
- The code behind a Hyperplexed video: youtu.be/qa1Vmykbj20
- Awesome filtering animation with vanilla JS: youtu.be/jZiZs8cZAKU
- CSS Shorthands arenβt always worth it: youtube.com/shorts/iTps-EehgKc
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
That is a lot of units. But this is a feature and not a bug.
Other awesome stuff around the web:
- Sara Soueidanβs article on setting up screen readers: sarasoueidan.com/blog/testing-environment-setup
What Iβve been up to this week:
- The flowchart: whatunit.com
- The flowchart video: youtu.be/Utc_uhvTluk
- Keeping up with CSS: The features released in 2023: youtu.be/LGRogkgRrOs
- Select all siblings of an element using :has(): youtube.com/shorts/Ue3VUsZwAJ0?feature=share
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
In the video Iβll be talking about everything from positioning yourself to help you land interviews, how to have a successful interview, and how you can sometimes even skip a few steps along the way, but for this edpisode focus on how do you even know that youβre ready to start applying for jobs.
Other awesome stuff around the web
- Modular CSS and different ways to structure your stylesheets by Chris Ferdinandi: gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets
- The Three Cs: π€Β Concatenate, ποΈΒ Compress, π³οΈΒ Cache by Harry Roberts: csswizardry.com/2023/10/the-three-c-concatenate-compress-cache
- Why you suck at CSS by Zach Jensz: youtube.com/watch?v=ULZbL4KSrx4
What Iβve been up to this week
- CSS position deep dive: youtu.be/fF_NVrd1s14
- Use these instead of vh: youtu.be/ru3U8MHbFFI
- Combining transform with the individual rotate property makes things so much easier: youtube.com/shorts/v1xTutQxspo
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
Other awesome stuff around the web:
- Stephanieβs newsletter: thinkdobecreate.com/newsletter
- CSS weekly newsletter: css-weekly.com
- Ryan Mulliganβs Layou Breakouts with CSS Grid: https://ryanmulligan.dev/blog/layout-breakouts/
- Breakout of the container snippet by Stephanie Eckles: https://smolcss.dev/#smol-breakout-grid
What Iβve been up to this week:
A new approach to container and wrapper classes: youtu.be/c13gpBrnGEw
A better image reset: youtu.be/345V2MU3E_w
CSS animation keyframe tips: youtube.com/shorts/vYAYrnNrZqA?feature=share
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
A lot of people get frustrated by CSS, but there are so many different aspects of it that seem to drive people crazy, and Iβd love to know what they are for you!
**Other awesome stuff around the web:**
- Chris Coyier on light-dark() (and other cool CSS functions): chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of
- Bramusβ article on @scope: developer.chrome.com/articles/at-scope
- Una taking a look at horizontal rules in select elements: developer.chrome.com/blog/hr-in-select
**What Iβve been up to this week:**
- One of the most common CSS issues people run into youtu.be/6aHKdahOfCc
- True parallax with CSS-only is now possible youtu.be/Qj0Qx8HpNUo
- 7 simple ways to center with CSS youtube.com/shorts/7I6pb
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
Other awesome stuff around the web
β Reality Check #1: Building out a furniture site from Dribbble: https://set.studio/reality-check-1-building-out-a-furniture-site-from-dribbble/
What Iβve been up to this week
β The problem with mobile-first CSS: youtu.be/p3k_IrXLNRc
β Subgrid & Container Queries change how we can create layouts: youtu.be/Zddz_R1RnfM
β How flexbox and grid are like owning different types of shoes: youtube.com/shorts/PcINEK4rkp0?feature=share
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
#podcast
In this episode, I explore some tips on how to get the most from online courses, and how to help make sure you actually get all the way to through them as well!
Other awesome stuff around the web:
β Sara Soueidanβs Practical Accessibility: https://practical-accessibility.today/
What Iβve been up to this week:
β I asked people to make this simple layout and was surprised by the results: youtu.be/ztBgxsgEG9A
β A simple approach to layouts when going from design to code: youtu.be/kmFr_8U81vU
β :nth-child has a super power most people donβt know about: youtube.com/shorts/66Ouwg8fXL0
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
You need to try and do things without the help of a tutorial sometimes, and use lessons and tutorials to help you when you are stuck, rather than blindly following along with them though. #Shorts
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
This is a common problem, and it happens because understanding something is not the same thing as being able to do something.
Other awesome stuff around the web:
Naming Variables in CSS by Jonathan Dallas: jwdallas.com/posts/namingcssvariables
What Iβve been up to this week:
How to create and style lists with HTML & CSS: youtu.be/bRYwmmLC_Ns
Simplify your code with this underused pseudo-class: youtube.com/shorts/wk79huqm1h4?feature=share
Using CSS custom properties like this is a waste: youtu.be/_2LwjfYc1x8
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
What Iβve been up to this week:
- How to make your own frontend roadmap youtu.be/W7PeT9CN9A4
- Create a progressively-enhanced infinite horizontal scroll animation: youtu.be/iLmBy-HKIAw
- The border-radius feature most people donβt know about: youtu.be/iLmBy-HKIAw
- CSS Mastery with Kevin Powell (The Code Ryan Podcast): Unveiling Uncommon Knowledge: youtu.be/8K8WM3ZGm3k
Other awesome stuff around the web:
- Contextual Spacing For Intrinsic Web Design by Stephanie Eckles https://moderncss.dev/contextual-spacing-for-intrinsic-web-design/
- Styling the Intrisic Web with Cascade Layers & Container Queries by Miriam Suzanne oddbird.net/talks/intrinsic-web
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
In this one, I talk about why we can fall into a rut, or lose motivation, which can lead to things like burnout, how important it is to realize when we're heading that way, and also how I deal with it.
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
As for the episode itself, in this one I talk about how people sometimes romanticize the idea of freelancing, and sometimes get into web development with the idea of becoming a freelancer, without realizing everything it entails.
What Iβve been up to this week:
CSS Confetti explosions: youtube.com/watch?v=pKHKQwAsZLI
3D card hover effect: youtube.com/watch?v=DCRcFf39SYo
CSS Gradients are better than SVGs for patterns: youtube.com/shorts/s7ovHgZpmGg
Other awesome stuff around the web:
Using REM Doesn't Make Your Website Responsive - Here's Why by Caio Marcellus Cabral: dev.to/marcelluscaio/using-rem-doesnt-make-your-website-responsive-heres-why-4b0e
Best Practices When using Fonts on the Web on Joy Of Code: https://joyofcode.xyz/using-fonts-on-the-web
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
What Iβve been up to this week:
Beginnerβs guide to styling text with CSS: youtube.com/watch?v=Y5TYDo9Qcv4
Bring a smile to your usersβ faces with a confetti celebration: youtu.be/pKHKQwAsZLI
The scrollbar control you didnβt know you needed: youtube.com/shorts/ZFhPGfLfSa8
Other awesome stuff around the web:
Technical SEO for Developers: youtube.com/watch?v=BkDH55WDiDU
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
In this one, I talk about the issues with generic learning roadmaps, and how you can easily figure out what you should be learning next.
β The written version of my newsletter: kevinpowell.co/newsletter
Apple Podcasts: podcasts.apple.com/us/podcast/general-musings-with-kevin-powell/id1705267112
Google Podcasts: podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy56ZW5jYXN0ci5jb20vZi9rZFpiN3dWcy5yc3M
Spotify: open.spotify.com/show/1scASfrTESkNKPffUJ4CPW
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
What Iβve been up to this week:
- The State of HTML: youtu.be/sPWlakxKRm8
- 5 tips to getting better at CSS: web.descript.com/315f1dec-0c55-4acc-90d4-0738881fe8b7
- Taking on a CSS Battle: youtu.be/eYPyIq5Y3Rk
- The easy way to make sense of complex selectors: youtu.be/eYPyIq5Y3Rk
Other awesome stuff around the web:
- Maxi Ferreiraβs Astro + View Transitions demo: https://astro-3d-view-transitions.pages.dev/: with a 3D model of a person walking that persists across pages
- Codrops article by Igor Penaque exploring the basics of View Transitions with Astro: tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell
π What Iβve been up to this week:
A quick guide to CSS focus states: youtube.com/watch?v=apdD69J4bEc
I just wasted a day on this code, was it worth it? youtube.com/watch?v=a6wJVPUZw2o
Is this the strangest CSS solution out there? youtube.com/shorts/X5wu2p-trEk
πOther awesome stuff around the web:
The State of HTML survey: survey.devographics.com/en-US/survey/state-of-html/2023?source=kevin_powell
Jen Simmonβs talk Everything You Know About Web Design Just Changed: youtube.com/watch?v=jBwBACbRuGY
Jen Simmonβs talk Designing Intrinsic Layouts: youtube.com/watch?v=AMPKmh98XLY
My primary YouTube channel where I teach frontend development, with a strong focus on CSS: youtube.com/@kevinpowell
β The written version of my newsletter: kevinpowell.co/newsletter
π¬ Come hang out with other dev's in my Discord Community: discord.gg/nTYCvrK
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π Support me on Patreon: patreon.com/kevinpowell


