Story: The name of modern web development tools
If you’re a web designer, you may have heard the name Variables. Webflow introduced Variables in 2023. I had heard of them in Figma before, but I don’t use the feature often.
When checking the latest web design trends, I often came across websites with dark backgrounds. Some of them had a sun-and-moon toggle switch for light and dark mode. I wanted to know how to achieve this without much hassle. According to my research, Webflow can do it using Variables.
What is Webflow?
🌎 Webflow: The Web Development Platform Of The Future
Webflow is created for a designer who is not good at programming. Once you master Webflow, you can develop an interactive website yourself.
Introducing Variables in Webflow
©Webflow
Persistent Light/Dark Toggle in Webflow
©Timothy Ricks
How to Webflow: Dark & Light mode toggle – Tutorial
©pixelgeek
This was before Webflow announced Variables. Even so, we could implement a dark/light mode toggle. However, it would be time-consuming if I had 10+ pages. Therefore, the announcement of Variables was big news for the Webflow community.
Extra: Animate Webflow Color Modes
©Timothy Ricks
Instead of dark/light mode, transitioning the background color can also be useful. Timothy is well-known for mastering Webflow, but he often uses custom coding, which can be challenging for non-coding.
Create wow experience
It’s a mobile-first era, but I still pretty much like laptop experience to browse the website. It’s easy to open a mulch window and consume information quickly.
On mobile, I need to access with some reason or purpose. It may be old fashion. I have never purchased clothes or goods on mobile. Only Uber, street parking, or Starbucks. No Doordash and Amazon. I need to get used to it.
Anyway, It was a nice video course by Webflow. Let’s keep learning!
