Welcoem to posts!!
in the future - u will be able to do some more stuff here,,,!! like pat catgirl- i mean um yeah... for now u can only see others's posts :c
We've been eagerly waiting for breakpoint variables for a year! Now even if they were released, I wouldn't use them. Using fluid sizes instead fixes critical accessibility issues.
In Webflow sites, increasing the browser’s font size doesn’t activate the next breakpoint like it normally would. This is because Webflow uses PX breakpoints instead of REM ones. Text and element sizes continue to grow and cause overflow since the responsive adjustments designed for smaller screens are never triggered.
Using fluid sizing with clamp() can solve this issue. Since clamp() isn't based on PX breakpoints, it allows sizes to respond just like they would with browser zoom, delivering a more consistent and accessible experience.
Read my full guide to fluid responsiveness in Webflow at lumos.timothyricks.com/docs/fluid-responsiveness
110 - 13
Today's tip: Reduce the opacity of any variable natively in @Webflow
color-mix(in srgb, var(--theme--text) 60%, transparent)
119 - 3
If you want to take full advantage of @Webflow Variables, I just released the ultimate styleguide.
Cloneable
webflow.grsm.io/tricks?path=lumos-v2-beta
Tutorial
https://www.youtube.com/watch?v=Pekd3...
129 - 4
Custom input types are another great use case for @Webflow DOM elements. On other elements, the "type" attribute is reserved. This unlocks fields like date, time, color, range, hidden, url, and many others that can be styled natively.
132 - 6
We can now link class names & tag types to component fields using the DOM element generated by Webflow apps. This means @Webflow now supports any html element type including button elements.
https://www.youtube.com/watch?v=qULN8...
92 - 3
Forgetting to set image width is a common mistake. On large screens, images retain their file width instead of filling the space. On iOS, images as flex children get stretched. Set a 100% default width. It's also a good reminder to apply a fixed width when needed.
167 - 1
Oh, hi Lumos! This Webflow framework will revolutionize how we handle typography, layout, spacing, color, and all other design tokens. Follow the work in progress at twitter.com/timothy1643
160 - 9
With utility classes in @Webflow, styling the main class across breakpoints is challenging. Adding & removing utilities for multiple elements is time consuming. Instead, we can put classes inside of a class. Learn how in my latest tutorial. https://www.youtube.com/watch?v=7vePC...
76 - 2
Thank you, @webflow and those who nominated me, for the 2022 Community Educator of the Year Award! I’m so grateful for the countless opportunities WebFlow is providing us, for the amazing people in my WebFlow Wizards Community, and for everyone who’s taken time to watch my videos. I can’t wait to see what the future holds for us!
575 - 47
Equipping Webflow Wizards