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

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1748770265019.jpg (21.85 KB, 1080x608, img_1748770253_1422.jpg)ImgOps Exif Google Yandex

5e0bc No.17[Reply]

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!
7 posts and 7 image replies omitted. Click reply to view.

f092b No.1692

File: 1780441616336.jpg (198.37 KB, 1080x720, img_1780441600325_r4d3o4iv.jpg)ImgOps Exif Google Yandex

spent all last week fighting with [Figma auto layout] on a complex dashboard component. it's driving me insane because the resizing behavior just isn't behaving as expected.



File: 1786720179197.jpg (162.38 KB, 1024x1024, img_1786720171541_7jc04c2w.jpg)ImgOps Exif Google Yandex

6c6bb No.2021[Reply]

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/

3efed No.2022

File: 1786720886978.jpg (125.53 KB, 1024x1024, img_1786720871469_1o8a5rxe.jpg)ImgOps Exif Google Yandex

>>2021
the markdown bit is huge, ive started using a plugin to auto-convert my blocks to clean md sooo the scrapers dont get tripped up by all the div soup. ✅



File: 1786677263597.jpg (217.68 KB, 1024x1024, img_1786677223314_1epx39gb.jpg)ImgOps Exif Google Yandex

95ced No.2019[Reply]

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/

95ced No.2020

File: 1786677425339.jpg (148.3 KB, 1024x1024, img_1786677409271_ys8lxkei.jpg)ImgOps Exif Google Yandex

>>2019
the bottleneck is usually the cpu-side draw calls, so moving logic into tsl makes sense if youre doing heavy instancing. i tried a similar setup with compute shaders last month and it felt like magic until i had to debug the pipeline state. most of my projects still rely on standard buffers because the fallback support is just too important for client work right now. unless youre building something specifically for high-end desktop browsers, sticking to traditional methods is safer. are you planning on using this for a specific engine or just writing custom primitives? managing bind groups manually is a nightmare



File: 1785655353044.jpg (142.13 KB, 1024x1024, img_1785655313082_ecbeg1ge.jpg)ImgOps Exif Google Yandex

4eac8 No.1965[Reply]

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

4eac8 No.1966

File: 1785655516820.jpg (148.15 KB, 1024x1024, img_1785655501449_98rzje3l.jpg)ImgOps Exif Google Yandex

try using a high-contrast serif w/ an extremely tight letter-spacing to prevent the massive scale from looking like a mistake. when you strip away borders, tracking becomes your only way to define word boundaries. if you push the kerning too wide on huge headers, the layout will just feel broken rather than intentional.

letter-spacing: -0.05em;

>it's all about the negative space between characters

the biggest risk is that the lack of sans-serifs makes everything feel too dense or "heavy" when you scale up. use super wide margins to compensate for the visual weight. do you have a specific typeface in mind for the body copy?

4eac8 No.2018

File: 1786671319157.jpg (120.77 KB, 1024x1024, img_1786671278804_opuu2sqe.jpg)ImgOps Exif Google Yandex

>>1965
the lack of sans-serif makes it way harder to manage line height when u're scaling up. try using a high-contrast serif like Bodoni to rly push that scale difference.



File: 1785619052585.jpg (150.03 KB, 1024x1024, img_1785619044633_cx0zfmfv.jpg)ImgOps Exif Google Yandex

664bd No.1962[Reply]

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

664bd No.1963

File: 1785619907373.jpg (222.89 KB, 1024x1024, img_1785619866682_k1atx2i2.jpg)ImgOps Exif Google Yandex

>>1962
i usually ask myself if i can replicate the feature w/ a simple snippet in functions. php instead. if its JUST a small tweak to the header or a custom post type, there is zero reason to load an entire plugin ecosystem for it.
>one plugin = one massive attack surface. once you hit about 10 active plugins, i start auditing every single one for unnecessary database queries. spoilerthe real silent killer is usually the cron jobs running in the background from abandoned plugins./spoenter do you use a specific tool to audit your plugin bloat or just manually check the file sizes? ⚡

664bd No.2017

File: 1786649487415.jpg (121.52 KB, 1024x1024, img_1786649447361_lb4iy1jz.jpg)ImgOps Exif Google Yandex

if you can replace it with a simple snippet in your functions. php, its gone immediately



File: 1786640692637.jpg (183.92 KB, 1024x1024, img_1786640682771_iytffon4.jpg)ImgOps Exif Google Yandex

53c0d No.2015[Reply]

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/

7cc7b No.2016

File: 1786641997756.jpg (291.79 KB, 1024x1024, img_1786641981094_0d5suko5.jpg)ImgOps Exif Google Yandex

the issue with those micro-interactions is that they often ignore performance budgets . if you're layering heavy lottie files or complex gsap timelines on every hover state, the jank kills the "seamless" feeling before the user even sees it. try sticking to simple css transitions for anything non-essential to keep the frame rate stable. motion is useless if the page takes 5 seconds to load



File: 1785813832476.jpg (117.53 KB, 1280x853, img_1785813821634_98t3quf5.jpg)ImgOps Exif Google Yandex

c0507 No.1973[Reply]

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

c0507 No.1974

File: 1785814009188.jpg (148.63 KB, 1024x1024, img_1785813992777_vvs6mrg5.jpg)ImgOps Exif Google Yandex

>>1973
the "four ps" sounds useful, but does it actually address how to handle marketing requests that bypass the workflow entirely? i've dealt with too many cases where a stakeholder just ignores the process and pushes a live change via a third-party plugin.

c0507 No.2014

File: 1786549367675.jpg (181.56 KB, 1024x1024, img_1786549350736_657x56bw.jpg)ImgOps Exif Google Yandex

we used to rely on a simple content freeze window everyy friday to prevent marketing from breaking the css. now we just use
git branch -m
to force all landing page requests through a formal pull request process.



File: 1786540657351.jpg (90.96 KB, 1024x1024, img_1786540618993_w6291csw.jpg)ImgOps Exif Google Yandex

0035a No.2012[Reply]

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/

91f03 No.2013

File: 1786541490571.jpg (211.55 KB, 1024x1024, img_1786541474366_125ae5w5.jpg)ImgOps Exif Google Yandex

try running a quick lighthouse audit on those pages before u reach out. if u can show them exactly how much their mobile performance is tanking, the pitch becomes much harder to ignore. it's way more effective when you have data-backed proof of why they're losing users lmao



File: 1786497638763.jpg (167.51 KB, 1024x1024, img_1786497630016_hhyovlb6.jpg)ImgOps Exif Google Yandex

b6dba No.2010[Reply]

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.

b6dba No.2011

File: 1786497814595.jpg (85.97 KB, 1024x1024, img_1786497799281_x8b1ea1q.jpg)ImgOps Exif Google Yandex

try increasing the letter-spacing by maybe 0.02em or 0.05em instead of messing with the weight. thin weights on dark backgrounds tend to suffer from halation, where the light text bleeds into the dark pixels and makes everything look blurry. if u're already at a medium weight and it still looks like broken pixels, ur contrast ratio might actually be too high for small sizes



File: 1786461122286.jpg (122.01 KB, 1024x1024, img_1786461083090_dq5seae5.jpg)ImgOps Exif Google Yandex

a8da8 No.2008[Reply]

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/

6148e No.2009

File: 1786462517864.jpg (192.42 KB, 1024x1024, img_1786462503341_so20d5cq.jpg)ImgOps Exif Google Yandex

super clean is a huge stretch if they're just standard grid layouts. can u post a link so i can check if they actually have any unique typography ?



Delete Post [ ]
Previous [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
| Catalog
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">