The one CSS combinator I use in every project
While all the combinators are useful from time to time, but the adjacent sibling selector is easily the one I use the most often. It has a several really good uses, a few of which I'll be diving into in this video!
Do you have a combinator that you use a lot? Let me know in the comments :D
Heydon Pickering's * + * - https://alistapart.com/article/axiomatic-css-and-lobotomized-owls/
0:00 - intro
1:20 - basic example
5:42 - lobotomized owl
12:04 - Uses with CMS's
#css
--
Come hang out with other dev's in my Discord Community
💬 https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://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: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://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!
Видео The one CSS combinator I use in every project канала Kevin Powell
Do you have a combinator that you use a lot? Let me know in the comments :D
Heydon Pickering's * + * - https://alistapart.com/article/axiomatic-css-and-lobotomized-owls/
0:00 - intro
1:20 - basic example
5:42 - lobotomized owl
12:04 - Uses with CMS's
#css
--
Come hang out with other dev's in my Discord Community
💬 https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://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: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://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!
Видео The one CSS combinator I use in every project канала Kevin Powell
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Container queries are possible!](https://i.ytimg.com/vi/fuiEYR6Hoe0/default.jpg)
![5 CSS mistakes that I see way too often](https://i.ytimg.com/vi/iHEkRIF7zxI/default.jpg)
![10 modern layouts in 1 line of CSS](https://i.ytimg.com/vi/qm0IfG1GyZU/default.jpg)
![Learn Every CSS Selector In 20 Minutes](https://i.ytimg.com/vi/l1mER1bV0N0/default.jpg)
![Give your site a fantastic color scheme fast](https://i.ytimg.com/vi/mq8LYj6kRyE/default.jpg)
![I've been challenged to a CSS Battle rematch | Can I beat him again???](https://i.ytimg.com/vi/20QiX8rmHnU/default.jpg)
![5 simple tips to making responsive layouts the easy way](https://i.ytimg.com/vi/VQraviuwbzU/default.jpg)
![](https://i.ytimg.com/vi/9g9JSc669fI/default.jpg)
![Are you writing responsive CSS the wrong way?](https://i.ytimg.com/vi/0ohtVzCSHqs/default.jpg)
![CSS em and rem explained #CSS #responsive](https://i.ytimg.com/vi/_-aDOAMmDHI/default.jpg)
![Responsive design made easy](https://i.ytimg.com/vi/bn-DQCifeQQ/default.jpg)
![Step up your CSS game using these selectors and combinators](https://i.ytimg.com/vi/Bcr70LIJcOk/default.jpg)
![Lazy loading is too easy now](https://i.ytimg.com/vi/AActXSWxsRo/default.jpg)
![Why are there two ways to make shadows in CSS? box-shadow vs filter: drop-shadow()](https://i.ytimg.com/vi/8Z9zimqUCzA/default.jpg)
![6 simple typography tips to more professional looking sites](https://i.ytimg.com/vi/6ardZEhjvV0/default.jpg)
![Jessica Chan challenged me to CSSBattle](https://i.ytimg.com/vi/XA5m-iiTru0/default.jpg)
![How you can simplify your CSS with :is()](https://i.ytimg.com/vi/McC4QkCvbaY/default.jpg)
![Stop using Chrome if you're writing CSS](https://i.ytimg.com/vi/a-V8GFtwjos/default.jpg)
![Really fun CSS hover effects](https://i.ytimg.com/vi/ceNMP-aQkQ4/default.jpg)
![Gulp v4 - Sass and BrowserSync setup](https://i.ytimg.com/vi/QgMQeLymAdU/default.jpg)