ImmersiveAmbientModecolor: #deb5ae (color 1)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 51f5f5a32877ac3d6336549734daef2a683e3117b60ffa5c1cd35a2bb9092f564af4b7a105e6270c6a9736d6c9d615af
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715593801808 - unknown on Apple WebKit
Mystery text : MjBRaVg4cm1IblUgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
946,585 Views • Feb 25, 2021 • Click to toggle off description
The first battle: • I Challenged The CSS King To A CSS Ba...
I mentioned Jhey during the video, here are the links to his Twitch and YouTube:
www.twitch.tv/jh3yy
/ @jh3y
/// Timestamps
00:00 - Introduction
00:50 - Round 1
16:51 - Round 2
28:11 - Round 3
40:30 - Outro
#css
--
Come hang out with other dev's in my Discord Community
💬 discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: www.patreon.com/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 YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: www.instagram.com/kevinpowell.co/
Twitter: twitter.com/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 awe
Views : 946,585
Genre: Education
Date of upload: Feb 25, 2021 ^^
Rating : 4.95 (271/21,231 LTDR)
RYD date created : 2022-04-09T20:08:03.297238Z
See in json
YouTube Comments - 924 Comments
Top Comments of this video!! :3
Next video: "How to build a fully responsive website using nothing but the body element and 4000 box shadows"
2.4K |
Kevin: so if I use the box-shadow recursively I can create the necessary effect by only using one div
Kyle: LET'S STACK 19 DIVS ON TOP OF EACH OTHER
1.8K |
03:07 me whenever I try to understand CSS logic
621 |
"box-shadow" should be the "hello world" equivalent of CSS
249 |
I love these challenges. Makes me feel great seeing pros having similar issues as me
509 |
I literally learned something from this. I think you can guess it too - it's the box-shadow!
269 |
Watching Kevin is like: "What the heck is he doing?" and then: "Oooooh...! WOW!"
243 |
20:33 - I had to replay this a few times, it was so impressive the way he got that eye shape thing spot on, starting with a square!
97 |
The best part about this battle is that you kept your mottos: the guy who wants to teach things simplified used a sort of 'simple' approach, while the other guy who wants to make the web look cool uses code that looks really cool. Thanks guys!
159 |
box-shadow is virtually 80% of those challenges, ha ha. Kidding, but box-shadow is a neat trick, thanks Kevin for showing us its power. I also loved how you approached the 2nd challenge with border-radius and rotate, you nailed it right from the start :)
167 |
0:54 Kyle calling a speaker a "microphone" -- not off to a very good start.
297 |
web dev simplified: you would loose this challenge 100%.
Kevin: Hold my box-shadow.
41 |
That little "nailed" dance was precious
63 |
I have to admit the way Kevin used the box-shadow in the first challenge really makes him the CSS king. This technique already solved 20% of my issues.
36 |
Kyle: "99.9% that's painful" LOL
50 |
I can tell that the obvious difference is that Kyle's style is very beginner friendly whilst Kevin's style is much more elegant, neither is wrong, but I really do like Kevin's way of writing CSS here.
105 |
I love what you do. You actually understand CSS and thats what makes me wanna do that too. Thanks. Keep up the good work. 🔥
128 |
I really love watching these ones! It would be really cool to have you guys talk about your approaches together either after each battle or at the end. Love to see it. Kevin you are the best!
12 |
Me: PLEASE JUST CREATE A DIV THEN USE BORDER RADIUS ON THE 2 CORNERS AND THEN ROTATE IT.
Kevin: gotchu fam
28 |
@SirXtC
3 years ago
ima start using box-shadow for literally everything
2.6K |