Cool Sliding Background Effect (or...Always Be Learning)! 🍩
Hi, *|USERNAME|*!
Recently, I wrote about the Sliding Background Effect and detailed how exactly it works:
In a nutshell, this effect is a combination of various CSS tricks and techniques working in perfect unison. This combination includes linear gradients, background positioning, hover states, CSS transitions, custom properties, and more. The point I want to highlight isn't how difficult this effect is. It is more around how having both a deep as well as broad understanding of the many things that go in in CSS-land is crucial for us to be successful as front-end designers and developers. This effect is just one of many you'll be encountering, so you need to prepare yourself.
What is the best way to go about getting this deeper and broader understanding? Simple. Keep finding interesting things that you'd like to create and...actually create them. (Some ideas here!) Getting your hands dirty and building examples is one of the best ways I've found to obtain and retain knowledge. The path will be frustrating, but through the frustration, you will learn more about what you are trying to do than any other approach. Finding the many ways that don't work is often just as important as finding the ways that do work. I feel like a Thomas Edison quote should be thrown in here! 📺
TILL NEXT TIME!
Do you have interesting app ideas that you relied on to help you learn? If so, do share them in the ideas thread or by pinging me on Twitter. My goal in the not-so-distant future is to actually write and/or record videos about how to build some of these app ideas. As always, that content will be available for free (with no interruptions or sign-in screens) on the website and/or YouTube.
Cheers,
Kirupa 😀