Front-end dev takes on a CSS Battle
Vložit
- čas přidán 8. 06. 2024
- Looking to step up your CSS game? I have free and premium courses 👉 kevinpowell.co/courses?...
🔗 Links
✅ CSS Battle 27: cssbattle.dev/battle/27
✅ The unedited version: czcams.com/users/live6syHgywgGTA?...
⌚ Timestamps
00:00 - Introduction
00:41 - Battle 1
04:25 - Battle 2
07:53 - Battle 3
12:33 - Battle 4
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 / kevinpowellcss
---
Help support my channel
👨🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my CZcams channel, make sure to follow me on Instagram and Twitter.
Twitter: / kevinjpowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Yes, finally another challenge
This is so cool, happy i discovered this :)
This was awesome!!
Always impressive!
A refactoring video / mini-series on this challenge would be kind of cool.
Masterpiece.
A whole lot awesome
8:11 I think you could do it with 1 div and using ::before and ::after, too.
Love ur work . (shouting from bangladesh)
Most impressive.
How come your store isn't working? When I click on the link it says 502 Bad Gateway.
Hey, Kevin. What's your opinion on tailwind?
I get why people like it, but it's not for me 😅
Hey King👋
is that highlights from stream?
yup :)
@@KevinPowellme thought this is new video i should i check it otu then found this is the same content
which i have watched the stream for live from start to finish on that day and have watched 2 times after that to understand more
THANK YOU FOR AMAZING CONTENT!
PLS KEVIN WE WANT MORE OF THIS LIVE CODING
for battle 2, why are classes inside of square brackets [c], i cant find anything on classes inside those on google, i understand when targeting attributes to use [type="submit"] etc but never saw that for classes ?
They weren't classes. They were custom attributes. It's the same as using a [type="submit"] selector.
🎉🔥🔥💪
Recreate CZcams ambient mode
i just found out about cssbattle and i'm having a lot of fun with the daily challenges...
on the other hand by checking the top results i see people using weird and obscure conical gradients with weird and obscure measure units that make no sense and doesnt even show as correct and still get 100% and at this point i'm pretty sure they're just cheating somehow.
haha, the lowest score ones are a bit crazy to look at. They use every possible trick to reduce the amount of code they're using, and it can hurt the brain to try and understand what they're up to 😆 - If you have a paid membership, there are a few included tools that help minimize things, on top of the wizardry they're already doing
newvid 8)