These CSS PRO Tips & Tricks Will Blow Your Mind!

preview_player
Показать описание
10 MINDBLOWING CSS Tips and Tricks that solve typical JavaScript problems with CSS ONLY. You will learn elegant solutions for everyday css problems and productive shorthands for responsive web design, How to implement modern design trends such as glassmorphism or new morphism smooth scroll snapping in swiper, how to use the :checked pseudo-class to create eventListener in CSS only. How to fix a common :focus pseudo-class problem to create a dropdown menu in css without the need of javascript. And much much more.

Become a Member to Support our Channel:

BEGINNERS START HERE:
👌 Learn HTML & CSS in 7 Days

Checkout our website for more:

Host Your Own Website With Hostinger:
✌️ And get a huge discount with our code: CODING2GO

#cssonly #csstricks #webdevelopment

RELATED CONCEPTS YOU SHOULD LEARN:

SOURCES:

MUSIC & LICENCE
Track: "Little Things"

Track: "Scared Of The Glizzy"

Track: "Take Off", NEFFEX

Track: "Tropical Nights", Nico Sainato Tracks

CONCEPTS YOU WILL LEARN:
✔ HTML, CSS ONLY
✔ CSS Solution without JavaScript
✔ Responsive Web Design
✔ Smooth Scrolling in Swiper (scroll snapping)
✔ Modern UI Design Trends such as Glassmorphisn and New Morphism
✔ CSS Shortcuts and effective code solutions
✔ How do checkboxes and labels work (:checked pseudo-class)
✔ How does the :focus pseudo-class work in css
✔ How does the :focus-within pseudo-class work in css
✔ How to create a dropdown menu in css only without javascript
✔ How to use min() max() and clamp() functions
✔ How to resize elements in css

I hope you learned something new ;)
Рекомендации по теме
Комментарии
Автор

Hope you guys learned something new. Feel free to share your own css tricks in the comments for others to see 😎

codinggo
Автор

bro got straight in to the point, didn't waste a single sec of my life, worth it

sandarushashinda
Автор

I just got bombarded with information, not a single second to think about anything else rather than the CSS tips, just perfect!

dedse
Автор

I love how straight to the point you are, no lengthy intro no bullshit, i just love it, you got a new sub

militarykaliber-rpss
Автор

Incredible content, no BS, just tip after tip

darknezx
Автор

Bro, I watched so many CSS tricks but this trick you gave is so awesome. Thanks bro, I didn't realize until now that ':not' and ':has' CSS new selectors can be so useful and CSS scroll trick is also so awesome too. Thanks a lot!!!

manfromexistence
Автор

Started learning css about 2 weeks ago, and this video has advanced my knowledge by about 2 months. The box-shodow looks amazing.

Luke-A
Автор

I love this type of content delivery. super straight to the point while adding as much value as possible! Awesome job Fabian & Pavel! 👏👏

FilipeFreire
Автор

Do you have CSS beginner to advanced course? If no then you should definitely make one I will surely buy it.

bakasenpaidesu
Автор

Great video bro, Just one thing you haven't mentioned in the video, If you rely on checkbox inputs to toggle the menu you have to make sure it won't ruin the accessibility, and as you mentioned users won't notice but the browsers, so becareful when you use checkboxes for other purposes.

Moamal-Alaa
Автор

To the point, great pacing and excellent examples ! Literally what I was looking for ❤

devinda_me
Автор

The snap scrolling is one I'll definitely be using more often.

commandstring
Автор

This video was great! I’m immediately going to update a lot of things to these

yumyum
Автор

For accessibility concerns please don't misuse a checkbox for that purpose. Other than that some awesome tricks in here, especially the snapping slider.

Htbaa
Автор

Im doing web development since 5 years now. Where have you been all that time? Amazing content, subscribed!

mrcash
Автор

it's easy to fall into javascript, thanks for the reminder, i use tabs quite often to create multi-page elements, just for fun, great video, subbed

sovereignlivingsoul
Автор

Wow, It's fantastic! Thank you for the video!

ВолодимирБарибін-еу
Автор

The scroll-snap blew my mind! Instant sub.

wlockuz
Автор

Learned alot, & you didn't waste any time, much appreciated

Baccardi
Автор

I didn't know about scroll snapping—that's dope. That new morphism one is cool too

JoystickStereo