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:
👉 https://www.youtube.com/channel/UCGpoeEhUBQBaaKZ_a8HB67Q/join
BEGINNERS START HERE:
👌 Learn HTML & CSS in 7 Days
https://www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?couponCode=CODING2GO
Checkout our website for more:
👉 https://www.coding2go.com
Host Your Own Website With Hostinger:
👉 https://www.hostinger.com/coding2go
✌️ And get a huge discount with our code: CODING2GO
#cssonly #csstricks #webdevelopment
RELATED CONCEPTS YOU SHOULD LEARN:
How to code a Navbar: https://youtu.be/8eFeIFKAKHw
CSS Flexbox: https://youtu.be/bbaKrRU4MVk
JavaScript: https://youtu.be/WnpyUeKVM94
Todo App Project: https://youtu.be/THEKW1gITJI
SOURCES:
https://developer.mozilla.org/en-US/docs/Web/CSS/resize
https://developer.mozilla.org/en-US/docs/Web/CSS/min
https://developer.mozilla.org/en-US/docs/Web/CSS/max
https://developer.mozilla.org/en-US/docs/Web/CSS/clamp
https://developer.mozilla.org/en-US/docs/Web/CSS/:not
https://developer.mozilla.org/en-US/docs/Web/CSS/:has
https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-align
MUSIC & LICENCE
Track: "Little Things"
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/QmMj1I
Track: "Scared Of The Glizzy"
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/xPJ3rV
Track: "Take Off", NEFFEX
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/GcQeOy
Listen on Spotify: https://go-stream.link/sp-neffex
Track: "Tropical Nights", Nico Sainato Tracks
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/Hk8DVL
Listen on Spotify: https://go-stream.link/sp-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 ;)