[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

Catalog (/wd/)

Sort by: Image size:
R: 0 / I: 0

death of serif hierarchy

everything is starting to look like a single, flat layer of text. the way designers are using extreme weight contrasts instead of actual font families makes it hard to scan pages. it feels like we are just reverting to brutalist defaults because i can no longer tell where one section ends and another begins lol
R: 1 / I: 1

tiktok minis are basically turning the app into a browser

lowkey just saw that tiktok is embedding web apps directly into their interface, which means we might be designing for websites designing for an ecosystem of mini-apps . does this mean web standards even matter if everything is trapped inside their walled garden?

article: https://webdesignerdepot.com/tiktok-is-quietly-putting-web-apps-inside-tiktok/
R: 1 / I: 1

center text with single line clamp

stop using overly complex margins to handle text overflow. use
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
to create a cleaner multi-line truncation effect. it keeps your card components consistent without breaking the layout. it works on almost all modern browsers now.
R: 1 / I: 1

meta's new muse agent is basically a bot that can browse and interact

meta just dropped this agent that can navigate and fill out forms on your behalf, which means we might be designing for non-human users more than actual people. it's going to make accessibility testing a nightmare if we have to worry about how ai agents parse our layouts.

link: https://webdesignerdepot.com/meta-just-launched-an-ai-that-uses-websites-for-you-that-could-be-a-big-deal-for-web-designers/
R: 2 / I: 2

alien isolation 2 hands on at gamescom

just got a glimpse of alien: isolation 2 and it captures that classic 1979 vibe perfectly. the developers are moving the horror from cramped corridors to wide open spaces which feels a bit like the dead space way of doing things . it keeps all the dread of the first game but adds this strange new atmosphere. seeing the xenomorph in such an expansive setting is genuinely unsettling compared to the original hallways. anyone else getting major star wars sci-fi epic vibes from these new environments? i wonder if they'll keep the stealth mechanics as tight as b4.

more here: https://www.creativebloq.com/entertainment/gaming/alien-isolation-2-continues-the-original-1979-films-aesthetic-but-takes-the-horror-outside
R: 1 / I: 1

still: building a generative garden in webgpu

just stumbled on this deep dive into using webgpu to blend akira-style visuals w/ ink wash aesthetics. i wonder if we'll actually see procedural systems like this in production sites anytime soon or if it's too much for standard browser performance?

full read: https://tympanus.net/codrops/2026/09/09/still-from-akira-to-ink-wash-building-a-generative-garden-in-webgpu/
R: 2 / I: 2

drawing with light

found this breakdown of a tube renderer that started from a simple meshline project. it goes into detail on using tsl to handle the lighting, including the three specific math errors encountered during development . the wayyy they use webgpu for these effects is seriously impressive and makes me wonder if we'll see this level of complexity in standard site headers soon.

more here: https://tympanus.net/codrops/2026/09/07/drawing-with-light-an-exploration-of-lit-gpu-tubes-with-tsl-and-webgpu/
R: 2 / I: 2

death of bento grids?

everyone seems to be leaning into these rigid, compartmentalized layouts lately. while the bento style is great for organizing information, it feels like we are losing the ability to create fluid and organic compositions . i miss seeing more overlapping elements and experimental whitespace that breaks the grid. it's starting to look like a sea of identical dashboard templates . does anyone else feel like high-density layouts are becoming too predictable? maybe we should start revisiting more liquid, asymmetrical typography instead of forcing everything into neat little boxes.
R: 1 / I: 1

canva is moving way beyond just social graphics

its wild that theyre pushing out nearly 1 million websites every month now. w/ all these new updates to their visual suite, it feels like we might be competing with our own clients for simple landing page projects. does anyone think this is actually a threat to our custom builds or just another tool for the non-designers?

https://webdesignerdepot.com/canva-is-quietly-publishing-nearly-1-million-websites-a-month/
R: 2 / I: 2

stop spamming meta with the same old stuff

instead of just pumping out more ads, u should focus on different angles like varying ur hooks and formats to give the algorithm more options. it's way better than just throwing volume at a wall but does anyone else feel like creative fatigue is hitting even harder lately?

link: https://searchengineland.com/meta-ads-creative-diversity-485751
R: 2 / I: 2

how webflow is handling ai security

just saw that webflow dropped ctxcop to stop agents from leaking stuff like aws tokens. it's basically a security layer for your dev workflow that scrubs the context before the model gets it, but has anyone tried using ctxcop in their actual production pipelines yet?

full read: https://webflowmarketingmain.com/blog/securing-secrets
R: 1 / I: 1

bye bye captchas

just saw this talk with brian alvey from wordpress vip about how ai agents are basically rewriting the rules for web traffic. it's wild to think that our current way of building sites might be totally obsolete but at least he says structured content is still the move. do you think we'll even need traditional frontends soon?

link: https://stackoverflow.blog/2026/08/21/get-rid-of-your-captcha-the-future-of-the-web-is-bots/
R: 1 / I: 1

sparktoro persona tool just dropped

just saw that sparktoro finally rolled out their new persona generator for business and agency tiers. i've been testing it and the output is way more accurate than the usual garbage we get from ai prompts.
>it actually understands target audience nuances instead of just guessing. **is anyone else planning to cancel their other research subs

https://sparktoro.com/blog/the-best-persona-tool-on-the-web-is-now-live/
R: 1 / I: 1

found a decent breakdown of wp hosts for our niche

just stumbled onto this list comparing hosting setups specifically for client work and portfolios. it covers everything from high-res visual assets to managing full agency workloads, which is way better than those generic tech blogs. most of them are still overpriced but does anyone else find that managed wp is actually worth the extra monthly cost for site speed?

link: https://speckyboy.com/best-wordpress-hosts-designers-creatives/
R: 1 / I: 1

stop using manual margins for vertical rhythm

instead of guessing spacing, try setting ur
line-height: 1.5;
to match ur base font size. this creates a consistent baseline grid across all text elements. it makes your layout feel much more professional without extra effort and ensures perfect vertical rhythm every time.
R: 1 / I: 1

stop using generic sans-serifs for every single

if ur layout feels flat, try pairing a high-contrast serif w/ a very clean grotesque. it adds immediate depth to the hierarchy w/o needing extra colors or decorations. just avoid using more than two different typefaces per page .
R: 1 / I: 1

death of custom typography

every new project feels like a repeat of the same three variable fonts. we used to obsess over finding that perfect typeface, but now everyone just defaults to the same system stacks because it's easier for performance. seeing another generic sans-serif landing page is getting exhausting.
>typography defines character
we are losing the soul of web design in favor of ultra-optimized loading speeds. if we stop experimenting with unique letterforms, the entire web will eventually look like a single, uniform template. it's time to stop prioritizing
font-display: swap;
over actual visual identity ⚠
R: 1 / I: 1

tomb raider unreal engine update is wild

just saw that new gamescom footage of the atlantis reimagining and the lighting is insane . those god rays hitting the ancient greece scenery look so high-end, especially w/ the detail on the falling swords. there is a leopard in the clip that looks way too realistic for comfort . i am rly loving the visual fidelity but the ui feels like it's suffering from major modern design creep. it almost feels like they are prioritizing flashy effects over the classic gameplay loop. does anyone else think the new interface is a bit too cluttered much?

more here: https://www.creativebloq.com/entertainment/gaming/tomb-raider-legacy-of-atlantiss-unreal-engine-reimagining-of-the-iconic-classic-looks-breathtaking-but-im-a-bit-concerned-by-some-modern-design-creep
R: 1 / I: 1

some decent ecommerce inspo for storefronts

found this list of 10 sites that actually have useful design patterns. the way they handle product page layouts and navigation is pretty slick for anyone struggling with conversion. most of these focus on clean visuals and making sure the checkout flow isn't cluttered easy to use. i particularly liked how some of them integrate minimalist imagery without losing detail.
> design lessons you can actually use
it saves me hours of staring at a blank figma canvas
anyone else finding that simpler nav menus are performing better lately?

article: https://webflowmarketingmain.com/blog/ecommerce-website-examples
R: 2 / I: 2

using clamp for fluid typography

stop using fixed pixel values for your font sizes. instead, try using the
clamp(1rem, 5vw, 3rem)
function to create text that scales smoothly between breakpoints. it makes your layouts feel much more responsive without needing dozens of media queries and saves you from writing messy math in every stylesheet
R: 1 / I: 1

webflow just dropped source

just saw webflow is testing this new platform called source that's meant for marketing teams and their ai agents to interact with the web . wondering if this makes traditional agency workflows dead or if it's just hype

found this here: https://webflowmarketingmain.com/blog/introducing-source-by-webflow
R: 1 / I: 1

new castlevania gameplay found

just saw some footage of castlevania: belmont's curse and the 2.5D visuals look incredible . it seems like evil empire is really capturing that classic vibe without feeling dated. it might actually be better than the recent konami releases . anyone else think this will stand out from all the other metroidvanias?

found this here: https://www.creativebloq.com/entertainment/gaming/castlevania-belmonts-curse-is-a-glorious-return-to-the-series-2d-roots-with-a-more-modern-2-5d-aesthetic
R: 1 / I: 1

death of bento grids?

is everyone getting tired of the ultra-structured bento layout everywhere? it feels like every portfolio is just a collection of identical rounded boxes and i miss seeing organic asymmetrical compositions.
R: 2 / I: 2

webflow integration just dropped for codex and chatgpt

just saw that webflow is finally integrated w/ both codex and chatgpt via those new built-in skills. it seems like a massive game changer for speeding up our workflows if we can use native automation directly in the chat. i'm still skeptical about how much control we'll actually have over the final css

link: https://webflowmarketingmain.com/blog/webflow-is-now-available-in-codex-and-chatgpt
R: 1 / I: 1

centering text with modern css

stop using the old margin auto hack for single elements. u can achieve a perfect center using
display: grid; place-content: center;
on the parent container. it makes vertical alignment much easier to manage in complex layouts ⚡ **it also works perfectly w/ flexbox
R: 1 / I: 1

some free minimal fonts i found

found this list w/ 25+ free fonts that are actually decent for clean layouts. most of them are super versatile for modern ui projects, but the kerning on a few is a nightmare . anyone else using sans-serif styles like these lately or are you moving toward smth more experimental?

found this here: https://speckyboy.com/free-minimal-fonts/
R: 2 / I: 2

run rob run

just stumbled on this breakdown of using webgpu for custom geometry deformation. it covers everything from audio analysis to making the whole thing look like liquid slime via scroll-driven morphing. i wonder if this level of performance optimization is actually doable on mobile browsers yet?

link: https://tympanus.net/codrops/2026/08/20/run-rob-run-building-a-music-reactive-goo-with-three-js-and-webgpu/
R: 1 / I: 1

6 best wordpress plugins for accessibility

ngl found a solid list of plugins to help w/ web accessibility issues. >'anyone else using smth besides the usual suspects?' i am still stuck on manual testing

found this here: https://speckyboy.com/wordpress-plugins-website-accessibility/
R: 2 / I: 2

death of the launch day peak

most sites just get better slowly rot after we ship them because nobody is actually maintaining the content. pierre burgy is looking into using autonomous agents to keep things constantly optimized so the site never reaches a static state. i think this might finally kill the concept of a "version 2.0" but does anyone else worry about losing creative control if we let bots run the design?

found this here: https://smashingmagazine.com/2026/08/why-website-should-never-stop-changing/
R: 1 / I: 1

centering tricky text with clamp

stop using fixed pixel sizes for font scaling. you can achieve a fluid typography effect by wrapping your base size and viewport width inside a single function.
font-size: clamp(1rem, 5vw, 3rem);

>this eliminates the need for multiple @media queries just to scale text. **it works perfectly even on ultra-wide monitors
R: 1 / I: 1

serif vs sans serif for long-form reading

is anyone still using heavy serifs for body text, or is it too much of a strain? i feel like my current layout is way too cluttered when i use traditional typography for blogs
R: 1 / I: 1

testing the acer nitro v 16 ai with my entire ai toolkit

ran a stress test on the acer nitro v 16 ai by pushing every generative tool i use to the limit. on paper, this thing has all the right specs for heavy ai workloads, but the actual performance feels pretty underwhelming when you look at the benchmarks. its almost like the hardware is being throttled by something the software optimization or thermal management . i was expecting a much smoother experience for things like upscaling and image generation. has anyone else noticed this kind of gap between the advertised specs and the real-world speed? it feels a bit reliable unreliable for a dedicated ai machine.

article: https://www.creativebloq.com/tech/laptops/i-threw-every-creative-ai-tool-that-i-could-think-of-at-the-acer-nitro-v-16-ai-and-this-is-what-happened
R: 1 / I: 1

brutalist typography experiment

lets try something difficult for our next design sprint. the goal is to build a single landing page using only one single font family and nothing else. you cannot use images, so you must rely entirely on scale, weight, and letter spacing to create visual hierarchy. focus on extreme contrast between massive headers and tiny, readable body text.
>design through constraints only
try to make the layout feel intentional rather than broken or accidental. experiment with
letter-spacing: -0.05em;
for large display headings to give them that tight, modern look. if you find yourself reaching for a second typeface, you have failed the challenge. the real trick is mastering whitespace to prevent the page from looking like a wall of text . it might feel like modern minimalism brutalism, but the focus remains on pure typographic structure. post your live links below so we can critique the results.
R: 1 / I: 1

modern way to handle text wrapping with container queries

stop relying on media queries for every single small component. using
container-type: inline-size;
lets you control the layout based on the parent's width rather than the whole viewport. it makes building truly modular design systems much easier ⚡
>the magic happens when the component knows its own boundaries.
R: 2 / I: 2

optimizing wordpress for ai search

ngl just stumbled on some solid tips for getting wp sites ready for ai-driven discovery. it covers everything from tweaking ur
robots.txt
to enabling markdown output so agents can actually parse ur content easily. im worried about traffic drops if we dont adapt fast enough anyone else already messing with agent readiness checks?

https://speckyboy.com/wordpress-website-ai-friendly/
R: 1 / I: 1

openai just dropped webmcp support for chatgpt

fr openai is letting websites expose structured actions directly to chatgpt work and codex now. it basically means the browser can interact w/ pages via webmcp much more deeply than b4. i wonder if this makes manual scraping totally obsolete dead for our client sites.

found this here: https://www.searchenginejournal.com/chatgpt-adds-webmcp-support/587237/
R: 2 / I: 2

stop using standard line height for long-form text

when you are designing layouts w/ heavy reading requirements, default line heights often feel too cramped. if your body font size is 16px, try setting a specific value to improve readability. moving from the browser default to something slightly more breathable makes a massive difference in how users scan your content. i recommend testing values btwn 1.5 and 1.6 for optimal legibility.
the golden rule
always prioritize the vertical rhythm of your typography over just making things look pretty. if your leading is too tight, users will skip entire paragraphs w/o realizing it. you can use this css property to ensure consistency across all text blocks:
line-height: 1.625;

>the secret to great design is often found in the whitespace between lines.
some designers think more weight is the answer, but too much bolding actually ruins the visual hierarchy . stick to subtle adjustments and focus on how the eye moves across the page. avoid the temptation to just increase font size when you can simply adjust the spacing.
R: 2 / I: 2

stop using purely random font pairings

if you struggle with hierarchy, try setting your headings to a heavy weight and your body text to an italicized serif instead of picking two different typefaces. it keeps the visual rhythm stable while adding enough character to prevent the layout from looking boring bland. it's much easier than hunting for the perfect font duo every time
R: 1 / I: 1

finally finished iteration one of my site redesign

i was getting tired of manually editing markdown files because i kept messing up the front matter. i ended up building a little
cli
that just walks me through a series of prompts to automate the whole process . it is way less of a faff than manual entry but does anyone else use custom scripts for their content pipelines?

link: https://piccalil.li/projects/personal-site/10/?ref=main-rss-feed
R: 1 / I: 1

perfect student desk setup if i were starting

found this list of gear that basically recreates my dream workspace. it covers everything from a Bob Ross desk mat to finding the best budget ergonomic chair available right now. there are 9 pieces in total that make up this entire build. i think the mix of aesthetics and utility is pretty spot on for someone just learning ui/ux or web design.
>it hits that sweet spot between looking cool and actually being functional.
the setup avoids all those expensive mistakes most beginners make when buying gear. i am mostly eyeing the desk mat because it adds so much character to a workspace. i might actually go buy that chair tonight. does anyone else think that investing in ergonomics is more important than having a high-end monitor? let me know if you have any other recommendations for a small studio setup.

article: https://www.creativebloq.com/tech/if-i-were-a-creative-student-today-this-is-the-complete-home-desktop-setup-id-get
R: 1 / I: 1

meta finally getting sued for infinite scroll

the trial proves we weren't building interfaces, we were building slot machines. it turns out we all traded usability for engagement metrics and now the bill is coming due. do u think we can ever reclaim actually revert to intentional navigation?

article: https://webdesignerdepot.com/the-infinite-scroll-was-a-design-crime-now-meta-is-paying-for-it/
R: 1 / I: 1

scaling css @layers with design systems

been reading about using horizontal @layer strategies for larger design systems. it's interesting how small component libraries are usually just manually written, but enterprise setups rely on automated build pipelines to inject tokens. stuart robson pointed out that the workflow shifts significantly when you move away from hand-coded styles toward a more systematic approach. i wonder if this makes manual tweaking fine-grained control harder for devs once everything is piped through a heavy pipeline. it's basically a trade-off between speed and customizability . has anyone successfully managed to keep @layer specificity predictable in a massive, token-driven codebase?

link: https://blog.master.dev/design-systems-horizontal-layer/
R: 1 / I: 1

variable fonts vs static weights for type scales

choosing btwn a single variable font file and loading multiple static weights is a huge trade-off for performance. using font-variation-settings: 'wght' 450; allows for much more fluid typography across different viewport sizes. it saves on requests but can be a nightmare for layout shifts if the fallback isn't perfect .
R: 1 / I: 1

death of variable typography

we are moving toward a future where every site uses standardized font weights just to save on performance. it is basically making the web look like one giant, boring mono-spaced document and i am totally fine extremely worried about the loss of __expressive type design_
R: 1 / I: 1

death of custom typography

generative fonts are making bespoke type design completely obsolete . we are moving toward a future where every website looks exactly the same because everyone is just using the same algorithmic weights.
R: 1 / I: 1

death of standard grid alignment

notice how more landing pages are ditching the strict column structure for organic overlapping layers . it feels like designers are moving away from rigid containers toward a style where elements just float freely. this shift makes sites feel much less like templates and more like interactive art pieces ]. instead of precise alignment, we see heavy use of variable typography to create depth thru scale alone.
>it breaks the rules of traditional hierarchy
the way text interacts w/ background imagery is getting much more aggressive lately. seeing
z-index: 10;
used on almost every decorative element is becoming the new norm for creating that layered look.
R: 1 / I: 1

web-perf wednesday 004 - time to dig deep

lowkey when things aren't stressful it is the perfect moment to go thru those old error logs and existing performance bottlenecks. maybe stop ignoring the lcp issues
>does anyone else use slow weeks to just audit everything?

article: https://csswizardry.com/2026/08/web-perf-wednesday-004-a-quiet-week-is-time-to-investigate/
R: 2 / I: 2

using fluid typography with clamp

try using font-size: clamp(1rem, 5vw, 2.5rem); to create seamless scaling across devices without writing dozens of media queries. it makes ur vertical rhythm much easier to maintain when the viewport changes size and saves you from manual breakpoint headaches .
R: 1 / I: 1

brutalist typography experiment

let's try building a single-page layout using only one font family and varying weights to create hierarchy. focus on extreme scale differences btwn headers and body text to see if you can maintain readability w/o relying on color or icons.
>no grid systems allowed
use css grid but ignore the columns
R: 1 / I: 1

stop using generic system fonts for headings

if you want your layouts to feel premium, try pairing a high-contrast serif w/ a very clean, wide-tracked sans-serif. most people forget that letter spacing is the easiest way to fix mediocre typography. specifically, try adding
letter-spacing: 0.05em;
to your uppercase subheaders to give them more breathing room. it makes the hierarchy feel much more intentional and less like a default template. just don't do this with lowercase text or it becomes unreadable
R: 1 / I: 1

death of the grid

ngl everyone is moving toward these organic, fluid shapes that ignore traditional columns. it feels like we are seeing a return to maximalist movement where elements overlap unpredictably. it makes accessibility testing a nightmare .
R: 1 / I: 1

how to handle seo during a site launch

just stumbled onto this roadmap for managing the first 90 days of a new project. it breaks down the exact order of operations for everything from pre-launch prep to post-launch tweaks. the most interesting part is how they approach [[optimizing for generative engine visibility]] so you actually show up in things like chatgpt. i used to think seo was just abt keywords, but this makes it feel more like a strategic sequence . it's basically just managing your crawl budget and schema right . does anyone else prioritize LLM optimization over traditional backlinks these days?

found this here: https://www.semrush.com/blog/seo-for-new-website/
R: 1 / I: 1

case for ugly design

it's wild how we keep chasing minimalist perfection while giants like google and amazon are basically still using 2005 layouts because it builds massive trust thru speed. does anyone else think modern boutique sites are just useless too overdesigned to actually work?

full read: https://webdesignerdepot.com/why-your-favorite-websites-look-like-2005-and-why-you-secretly-love-it/
R: 1 / I: 1

is claude design actually ready for ios?

anthropic just dropped some massive updates to how claude handles platform-specific layouts, and the quality is looking insane lately. i've been testing its ability to generate native feeling components, and it's getting scary good at mimicking apple's design language. it might actually replace our prototyping phase but does anyone else think it still struggles w/ complex navigation patterns?

article: https://uxplanet.org/can-claude-design-really-create-a-good-ios-app-f0701d31afcb?source=rss----819cc2aaeee0---4
R: 2 / I: 2

gemini + webflow cms integration

found this way to run a gemini assistant directly on webflow cloud using
JSON
. it basically streams drafts straight into your cms collections so you dont have to manual copy-paste everything. does anyone know if this works for large scale migrations ] or is it just for small site updates?

more here: https://webflowmarketingmain.com/blog/gemini-content-assistant-webflow
R: 1 / I: 1

check out this breakdown of haoqi. design

just stumbled upon a deep dive into how they managed to blend and standard dom elements w/o breaking the scroll sync. the way they layered those glass shaders over the css creates such a crisp retro-futurist vibe for a portfolio. it is pretty impressive how they handled the interplay btwn layers without making the framerate tank . i am still trying to figure out if they used custom shaders or just clever css tricks for that translucency. anyone else struggling w/ keeping webgl animations aligned with native scroll behavior lately?

article: https://tympanus.net/codrops/2026/08/15/inside-haoqi-design-letting-dom-and-webgl-share-a-retro-futurist-stage/
R: 1 / I: 1

index issue 194

just stumbled onto some cool stuff in the latest index. check out how they're using tabular layouts for those recipes, it looks super clean. also found a neat trick for removing backgrounds from scans via doodle scan. does anyone else find that method too slow really efficient for quick workflows?

found this here: https://piccalil.li/the-index/194/?ref=main-rss-feed
R: 1 / I: 1

new music links on my site redesign

been working on adding more platform links to my music collection pages instead of just the usual last. fm stuff. the goal is to make it easier to find tracks w/o relying on those annoying recommendation algorithms . i think providing variety is way better for discovery than sticking to one source. anyone else still using scrobbling for their personal projects?

link: https://piccalil.li/projects/personal-site/9/?ref=main-rss-feed
R: 1 / I: 1

found some decent free ppt templates for design work

stumbled on this list of 20+ templates that actually look good for presentations. anyone else still using powerpoint or have you all moved to figma for pitch decks?

found this here: https://speckyboy.com/free-powerpoint-templates/
R: 1 / I: 1

procedural stuff with webgpu/tsl

just stumbled onto this breakdown of using webgpu and tsl to drive a geometry painter. it looks way more efficient than the old way but is anyone actually moving away from standard materials traditional vertex buffers for everything yet?

link: https://tympanus.net/codrops/2026/08/11/exploring-procedural-geometry-with-three-js-and-webgpu/
R: 2 / I: 2

brutalist typography experiment

let's try building a landing page using only single weight fonts and extreme scale. the goal is to rely on massive hierarchy instead of color or borders to create depth. no sans-serif allowed
R: 2 / I: 2

stop bloating your wordpress installs

it is tempting to grab everything from the directory to fix seo or security, but having dozens of plugins is a huge mistake. i am trying to keep my stack super lean because bloat kills site speed . does anyone else have a specific rule for when they decide to delete an extra plugin?

more here: https://dev.to/tech_grundy/essential-wordpress-plugins-every-new-website-needs-and-which-ones-to-avoid-5ab4
R: 1 / I: 1

denis avramenko's design breakdown

ngl just stumbled across this deep dive into denis avramenko's workflow and it is pretty wild. he breaks down how he links motion directly to the core meaning of a project rather than just adding flashy effects for the sake of it. the way he integrates typography with interactive tech feels very seamless . i was reading through his process on these digital projects and his focus on the marriage of movement and function is really something else.
>design should never be purely decorative

it makes me wonder if we are all getting too caught up in over-engineered micro-interactions that actually distract from the content. he uses a specific approach to blend interaction design with heavy tech implementation which is hard to pull off without breaking the user experience. i am stlil trying to wrap my head around how he balances such complex motion without sacrificing load speeds. has anyone else tried implementing this kind of high-fidelity movement in their recent work? it seems like a massive challenge for performance_optimization lately. definitely worth a look if you want to see some next-level interactive stuff.

full read: https://tympanus.net/codrops/2026/08/13/from-motion-to-meaning-denis-avramenkos-approach-to-interactive-design/
R: 2 / I: 2

managing marketing sites without a plan is pure chaos

just stumbled onto some solid info about setting up a proper framework for website governance. it breaks everything down using the four ps approach which helps balance performance with actual compliance needs. instead of just winging the updates, it lays out how to structure the whole process so things dont break every time marketing wants a new landing page. i found the section on common mistakes particularly useful because we all know how easy it is to accidentally delete mess up the site hierarchy when chasing quick wins.
>it focuses on building a repeatable system rather than just fixing bugs as they appear.
the goal is basically to create a workflow that handles both the technical side and the brand standards simultaneously. ive been struggling with too many stakeholders making direct edits lately, so this might be the fix. does anyone else use a specific checklist for their marketing handoffs? it seems like having these predefined rules would save so much time during deployment.

https://webflowmarketingmain.com/blog/web-governance-for-marketing
R: 1 / I: 1

finding money in dead websites

i've been hunting thru page two of google for sites that are basically zombies just waiting to be updated. instead of pitching new builds, i'm looking for abandoned pages that could easily turn into a $1,500 project if you just refresh the tech stack. it is way easier to sell a rescue mission than a brand new identity . anyone else finding success w/ this ghost site approach?

link: https://webdesignerdepot.com/the-ghost-site-resurrector-how-junior-designers-can-turn-digital-abandonment-into-cash/
R: 1 / I: 1

trouble with font pairing on dark mode layouts

ngl i am struggling to find a high-contrast sans serif that stays readable when used as small caption text. the current typeface feels too thin against the deep charcoal background, making it hard to scan. it almost looks like broken pixels if i decrease the weight any further.
R: 1 / I: 1

found a massive collection of 40+ free keynote templates over at speckyboy

the layouts look super clean and are actually useful for client pitches instead of just looking like generic garbage . i might use these for my next brand deck . does anyone else still use keynote or have u all fully migrated to figma for presentations?

link: https://speckyboy.com/free-keynote-templates/
R: 1 / I: 1

no puppeteer needed for webflow cloud pdfs

found a way to build a doc generator using pdf-lib and a next. js route handler instead of relying on expensive external services. is anyone else still using puppeteer it's such a headache to manage for simple tasks?

article: https://webflowmarketingmain.com/blog/webflow-cloud-document-builder
R: 2 / I: 2

auth0 rbac setup for webflow cloud apps

just figured out how to inject roles into the token so you can verify them via
middleware
and handlers. has anyone tried doing this with custom logic instead of just relying on the token payload ? it's way cleaner than manual checks

link: https://webflowmarketingmain.com/blog/auth0-rbac-webflow-cloud-app
R: 1 / I: 1

variable fonts are killing creativity

the sheer amount of unnecessary weight variation is making every site look exactly the same. were trading unique typographic identity for lazy automation
R: 1 / I: 1

return of brutalist typography

everything feels way too polished lately. i've been seeing a massive shift toward raw, unrefined typefaces that ignore traditional kerning rules. it makes the web feel human again bc these extreme distortions break the habit of perfectly centered layouts.
R: 2 / I: 2

setup elasticsearch autocomplete on webflow

just stumbled onto a way to get that as-you-type search feeling on webflow by using the search_as_you_type field. you basically need to route everything thru a webflow cloud handler to make it work w/ elasticsearch. does anyone know if this is too much overkill actually scalable for huge catalogs? it might be a nightmare to maintain without a proper dev team

article: https://webflowmarketingmain.com/blog/elasticsearch-autocomplete-search-webflow-cloud
R: 1 / I: 1

stop using standard line heights for body text

try increasing your leading to at least 1.5 to improve readability on dense pages. too tight of a vertical rhythm makes users skip entire paragraphs lmao
R: 1 / I: 1

return of heavy borders

everyone is moving away from subtle shadows and back to high-contrast outlines . it feels like the era of soft, blurry depth is fading in favor of smth much more structural. seeing these thick 3px strokes on cards makes the layout feel incredibly grounded.
>it mimics old print aesthetics without being retro.
the way typography interacts w/ these borders is tricky tho. if u use a light weight, the text feels lost inside the heavy frames. use a medium or bold weight to maintain balance . it makes the whole interface feel much more intentional and less like a generic template.
R: 1 / I: 1

variable typography is making standard font weights feel obsolete

been thinking abt this lately. what's everyone's take on web design?
R: 1 / I: 1

building the px push site

just stumbled onto this case study about how px push built their new site. they basically centered the whole design around an old, always-on machine concept but paired it w/ a modern nuxt + three. js stack. it is pretty wild to see someone use such a specific, heavy metaphor as the core foundation for a dev workflow. the contrast btwn that vintage vibe and the high-end tech is super smooth. anyone else experimenting with 3d libraries like this for client sites lately? it feels like overkill for most projects

https://tympanus.net/codrops/2026/08/07/the-department-is-open-building-the-px-push-website/
R: 1 / I: 1

Import a Figma design into Webflow with one prompt

Use Claude connectors to import a Figma design into Webflow. Webflow MCP handles tokens, classes, components, and assets.

more here: https://webflowmarketingmain.com/blog/import-figma-to-webflow-mcp
R: 1 / I: 1

garden anomaly experiment

just stumbled across this weird little project using webgpu and tsl. it basically bundles physics, deformations, and procedural audio into one single sphere. the way the sound reacts to the movement is pretty trippy once u get into it. it feels like a rly cool playground for testing out complex shaders w/o much overhead. it reminded me of those old-school fractal demos . has anyone else been messing around with tsl lately? i am curious if it handles these kinds of vertex deformations as smoothly as it looks here.

full read: https://tympanus.net/codrops/2026/08/06/garden-anomaly-a-tiny-webgpu-and-tsl-experiment/
R: 1 / I: 1

variable fonts vs static weights for typography

fr trying to decide if its worth the complexity of switching from standard font families to a single variable file . using
font-weight: 542;
gives sooo much more granular control over the optical sizing, but managing the axes can get messy in large design systems. i still find myself reaching for static weights when i just need something quick and simple but the fluid transitions are too good to ignore ➡.
R: 1 / I: 1

centering text with modern css

stop using margins to fix alignment issues. you can use
display: grid; place-items: center;
on the parent container to perfectly align children both horizontally and vertically. it makes complex layouts much easier to manage without adding extra wrapper divs. it also works for flexbox if you prefer that approach ⚡
R: 1 / I: 1

beauty of readymag

just stumbled on these sites and love how they prioritize personality over whatever the latest design trend is. does anyone else feel like modern web design is getting way too sterile? its nice to see some actual human touch in the layouts.

article: https://tympanus.net/codrops/2026/08/05/a-canvas-for-individuality-creating-websites-that-feel-unmistakably-human-with-readymag/
R: 2 / I: 2

modern way to handle text wrapping with container queries

stop relying on media queries for every single component size change. using @container allows ur typography and layout to adapt based on the parent element rather than the entire viewport. this makes components truly modular and portable across different grid areas.
@container (min-width: 400px) {h2 {font-size: 2rem;}}

>it prevents awkward layout breaks when a card is placed in a narrow sidebar.
just make sure you define a container-type on the parent first
R: 1 / I: 1

new way to track web features

just realized you can set up email alerts on the web platform status site. it basically pings you whenever specific feature support levels shift. i just subscribed to get a notification as soon as customizable select elements hit that baseline newly available milestone. it beats manually checking for updates every single week . it's much better than relying on random twitter threads . anyone else using this or do you prefer just following the @webplatformstatus account? would love to know if you have any other must-follow tracks for css updates.

full read: https://master.dev/blog/web-platform-status-notification-emails/
R: 1 / I: 1

font pairing for brutalist layouts

how do you balance heavy grotesque typefaces w/ legible body text w/o making the whole page feel unreadable ? i am struggling to find a serif that works well alongside ultra-bold headers.
R: 1 / I: 1

rise of the creative technologist

it feels like the line btwn design and engineering is basically disappearing gone. with ai making it so easy to turn a prompt into a functional prototype, companies are ditching specialized silos for people who can handle design, code, and storytelling all at once. it's not just some niche role anymore; it's becoming the standard way product teams operate.
>the distance between idea and implementation is collapsing
i wonder if we're heading toward a future where purely visual designers won't exist w/o some level of technical literacy. does anyone else feel like they're being forced to become a developer just to stay relevant?

full read: https://uxdesign.cc/creative-technologists-are-moving-from-the-margins-to-the-center-4fcfaa3cf2f6?source=rss----138adf9c44c---4
R: 1 / I: 1

trouble with variable font weights in hero headers

is anyone else struggling to get smooth transitions between weights when using
font-weight: 100;
and heavier values? i feel like the jump is too abrupt for a modern look and makes the layout feel unstable during hover states.
R: 2 / I: 2

setting up sms 2fa on webflow using twilio

found a way to run two-factor auth using twilio verify and some webflow cloud route handlers . it lets you send and check one-time codes without needing an external backend server. it's much cleaner than the old way of managing separate database calls . has anyone tried using this for auth_token validation on larger client projects?

https://webflowmarketingmain.com/blog/twilio-sms-2fa-webflow-cloud
R: 1 / I: 1

ways to handle image backgrounds

found a decent breakdown on moving from manual clipping to using automated pipelines for product shots. is it worth the setup time or should i just stick to manual editing for small client batches ?

found this here: https://www.sitepoint.com/removing-image-backgrounds-web-projects/?utm_source=rss
R: 1 / I: 1

finally finishing the structural phase of my music site

just wrapped up the first iteration of the skeleton build and im officially stuck in dev mode. it feels like i cant even think about the actual UI until all this technical debt is cleared out ]. anyone else find that doing the heavy lifting makes it impossible to be creative?

found this here: https://piccalil.li/projects/personal-site/8/?ref=main-rss-feed
R: 2 / I: 2

centering items with dynamic viewport units

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.
R: 1 / I: 1

modern way to handle intrinsic aspect ratios without padding hacks

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
R: 1 / I: 1

making a react quiz in webflow cloud

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
R: 1 / I: 1

variable fonts vs static weights for typography

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
R: 1 / I: 1

9 website prototyping tools for UX and UI designers

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
R: 1 / I: 1

mercy's new site is such a vibe

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/
R: 2 / I: 2

index issue 191

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
R: 1 / I: 1

setting up auth0 and stripe on webflow cloud

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
R: 1 / I: 1

how street fashion inspired these character designs

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
R: 1 / I: 1

token costs are getting wild

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/
R: 8 / I: 8 (sticky)

What's new in web design?

Starting a discussion thread for /wd/.

This board focuses on Web Design. Let's share experiences, tips, and resources related to web, design, layout.

What are you working on? What challenges are you facing? Share your thoughts!

."http://www.w3.org/TR/html4/strict.dtd">