/wd/ - Web Design

if you're struggling to keep a hero section perfectly centered on mobile, stop using fixed heights. try using

100dvh

to avoid that annoying jump when the browser address bar hides or shows. it makes the layout feel much smoother during scrolling.

height: 100dvh; display: grid; place-items: center;

this ensures your content stays in the true center of the visible area. it works perfectly even on safari mobile. ⚡

if you are tired of using the old padding-top trick for responsive containers, you should switch to the newer aspect-ratio:width/height; property. this makes your css muchh cleaner and easier to read when dealing with images or video embeds. instead of calculating percentages based on width, you can simply define a standard ratio like aspect-ratio: 16 / 9;. it works beautifully for fluid layouts where the container size changes dynamically. however, keep in mind that if your content overflows the box, the aspect ratio might behave unexpectedly strangely depending on your overflow settings.
implementation details
you can combine this with

object-fit: cover;

to ensure your media fills the entire area without distortion. it is much more intuitive than managing vertical padding hacks. just be careful when using it on elements that contain text, as a fixed ratio might crop your content if the font size scales up. **just remember to check your min-height settings for mobile views

just found this workflow for building interactive quizzes using the webflow cms to store all your question data. it uses a

useReducer

state machine to handle the logic, which is way cleaner than manual state updates.
>is anyone else moving away from vanilla JS for these types of components? spoileri am basically only using react for complex logic now/spoaster

more here: https://webflowmarketingmain.com/blog/interactive-quiz-scoring-webflow

deciding between a single variable font file or loading multiple static weights is always a trade-off. using

font-weight: 450;

gives you much more granular control over the visual density of your type. it's not worth the bloat the extra request overhead for small projects if you only need a few specific styles

Explore nine website prototyping tools that help you move from wireframes to developer handoff. See which platform suits your budget and workflow best.

link: https://webflowmarketingmain.com/blog/prototyping-tools

just stumbled across this piece by flot noir and it's pretty wild how they blended print aesthetics into the web. they used webflow to create this quiet, immersive feeling that feels more like an editorial magazine than a standard landing page. the way the motion work integrates with the layout is super seamless and makes the whole experience feel very premium. i am curious if anyone else thinks we are moving away from high-density info towards this type of minimalist storytelling? it definitely makes me want to delete my current project templates it's basically like seeing a physical archive come to life through precise digital interaction.

https://tympanus.net/codrops/2026/07/27/between-print-and-digital-the-making-of-mersis-website/

found some interesting stuff in this latest newsletter, specifically a way to bring those midliner marker colours into your web projects. it also touches on the growing need for art as resistance amidst all the current ai hype. **is anyone else feeling the burnout from the constant ai updates

more here: https://piccalil.li/the-index/191/?ref=main-rss-feed

found a solid workflow for integrating auth0 and stripe checkout into webflow cloud apps. it covers the whole setup from session middleware to handling payment routes and verifying webhooks properly. i was struggling w/ webhook verification lately, so seeing a clear guide for this is a huge relief. it feels like a much cleaner way to handle user sessions w/o manual database syncing . does anyone else use smth other than auth0 for these types of cloud builds? i'm considering switching to supabase next time

article: https://webflowmarketingmain.com/blog/auth-payments-webflow-cloud-auth0-stripe

pavel hristov's process for pulling ideas from real world photography is pretty wild. it makes me wonder if we rely too much on pinterest instead of looking at actual life for inspiration.

https://www.creativebloq.com/art/digital-art/how-street-fashion-photography-inspired-this-video-game-concept-artists-character-designs

the price of running these models is starting to sting if youre using them for anything more than simple scripts. it feels like we're all just paying for the privilege of being efficient and i wonder if anyone has found a sustainable cheaper way to manage large-scale workflows without hitting those massive usage fees.

https://speckyboy.com/cherish-your-tokens-grumpy-designer/