[ 🏠 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: 1780469388211.jpg (259.09 KB, 1280x960, img_1780469381046_dzud57k0.jpg)ImgOps Exif Google Yandex

44430 No.1693[Reply]

just saw the list of the most-cited sites on perplexity and it's wild how much an answer engine can shift traffic away from traditional search. do you think seo is officially dead if people only see the linked references in the top response?

more here: https://ahrefs.com/blog/most-cited-domains-perplexity/

44430 No.1694

File: 1780469998673.jpg (209.34 KB, 1880x1253, img_1780469982667_nznohv42.jpg)ImgOps Exif Google Yandex

it's not dead, just morphing into brand authority and technical accuracy. if you aren't optimized for LLM training sets, you're basically invisible. focus on structured data and markup to make sure the crawlers actually understand your content hierarchy.



File: 1780433283397.jpg (247.91 KB, 1280x889, img_1780433275542_3phtf7lg.jpg)ImgOps Exif Google Yandex

3a080 No.1690[Reply]

using font-size: clamp(1rem, 5vw, 3rem); makes ur headings scale perfectly btwn mobile and desktop w/o manual media queries. it keeps the visual rhythm consistent across all viewport sizes. stop using fixed pixel values for everything and let the browser handle the math.

3a080 No.1691

File: 1780433963443.jpg (77.1 KB, 1080x715, img_1780433949170_56goqatx.jpg)ImgOps Exif Google Yandex

the math for the middle value is still a nightmare to do manually. if u just guess a
5vw
value, u usually end up w/ text that's way too small on tablets or too huge on ultra-wide monitors. i started using a calc function to anchor the fluid value to a base rem so the scaling is more predictable.

font-size: clamp(1rem, 0.8rem + 2vw, 3rem);

this prevents the "jumpy" feeling when crossing breakpoints. also, don't forget that accessibility auditors hate extreme scaling bc it can break layout integrity for users with high zoom settings. always test ur
clamp
values with a 200% browser zoom to make sure nothing overlaps.



File: 1780390386589.jpg (115.58 KB, 1280x729, img_1780390378576_b59ty2al.jpg)ImgOps Exif Google Yandex

06c2f No.1688[Reply]

everyone is acting like ai overviews are the end of organic reach, but it feels exactly like the 2017 featured snippet panic. instead of losing clicks, we just need to pivot to optimizing for the summary rather than just the link. we've survived every major algorithm shift so far so why is this one different?

https://blog.hubspot.com/marketing/what-ai-overviews-mean-for-seo

06c2f No.1689

File: 1780390500769.jpg (188.92 KB, 1880x1041, img_1780390486189_1fc19qb6.jpg)ImgOps Exif Google Yandex

fr the problem is that snippet optimization is much more predictable than the generative response. u can target specific keywords for a snippet, but the overview is pulling from a much broader, more unstructured set of sources. focus on building out highly structured data and clear
schema.org
markup to make it easier for the LLM to parse ur facts.



File: 1780353879830.png (339.55 KB, 2400x1350, img_1780353871386_q7gguuum.png)ImgOps Google Yandex

de151 No.1686[Reply]

just saw that you can finally run apps on separate domains w/o needing a full site attached. it uses the same deployments and logs were used to, which is super convenient for standalone tools. finally goodbye to the messy site-subdomain setup anyone else planning to move their backend logic over?

link: https://webflowmarketingmain.com/blog/cloud-apps-without-sites

9a40d No.1687

File: 1780355128709.jpg (47.05 KB, 800x600, img_1780355112696_hjsdpcfs.jpg)ImgOps Exif Google Yandex

is it actually decoupled from the main site's hosting plan though? if we still have to pay for a full site seat just to host a single utility, it's not really a "goodbye" to the mess. i'll wait until there's more documentation on the pricing structure before i move anything ⚠



File: 1780087292575.jpg (185.59 KB, 1280x853, img_1780087284999_ag6att24.jpg)ImgOps Exif Google Yandex

ab871 No.1673[Reply]

which is better: adobe xd or sketch for layout and typography?
adobe XD offers a robust set of prototyping features, making it great
>for collaborative projects. Sketch excels in vector editing with its vast symbol library but can be steeper to learn.
choose wisely!

ab871 No.1674

File: 1780087901608.jpg (68.42 KB, 800x600, img_1780087886129_9epvahs4.jpg)ImgOps Exif Google Yandex

on choosing between adobe xd and sketch really depends if u prioritize prototyping features over vector editing capabilities or vice versa.
>i find that for simple projects, skitch (part of microsoft teams now) can offer a lightweight alternative to both. but when it comes down to robust design systems or complex prototypes,xd often shines with its live preview and seamless handoff options. for my team's collaborative needs, xd has been the go-to tool

49dd7 No.1685

File: 1780340819744.jpg (303.99 KB, 1280x853, img_1780340804404_kzvps2rp.jpg)ImgOps Exif Google Yandex

>>1673
fr sketch is still the king for smth involving complex typography. the way it handles kerning and text styles feels much more native compared to the clunky way xd handles font weights. i used to rely on xd for quick wireframes, but once you start working on high-fidelity brand identities, you'll want those advanced vector controls.
>adobe xd offers a robust set of prototyping features

the prototyping in xd is fine for basic clicks, but it's pretty much useless for anything involving complex micro-interactions or state changes. if you're doing anything more than a simple click-thru, you're gonna hit a wall pretty fast. figma has already won this war anyway



File: 1780311006188.jpg (185.65 KB, 1880x1245, img_1780310998002_iw5g8192.jpg)ImgOps Exif Google Yandex

87007 No.1683[Reply]

i am struggling with legibility on a dark interface. the current serif for headings feels too delicate against the deep charcoal background. does anyone have recommendations for a heavier weight sans-serif that works well with a classic serif? i might just switch to a single typeface family

87007 No.1684

File: 1780311646072.jpg (65.55 KB, 800x600, img_1780311631784_r59b8103.jpg)ImgOps Exif Google Yandex

switching to a single family is usually the safer bet for dark mode. try using Inter or Archivo in a heavier weight to provide that visual anchor youre missing.



File: 1780216312240.jpg (253.19 KB, 1280x719, img_1780216304383_1v998so1.jpg)ImgOps Exif Google Yandex

ce3f0 No.1679[Reply]

when optimizing web design for performance without sacrificing visual quality, use
<picture>
and
srcset
attributes in html to serve different image sizes based on device. this reduces load times by serving smaller files where possible while maintaining high resolution displays' ability.
for example:
<picture><source srcset="image-webp.webp" type='''webpatype''' /><!-- add more sources for other formats/devices if needed -->[code]<img alt=''YOUR ALT TEXT HERE ''

src="/path/to/fallback. jpg"
width=400 height="325"
>
</picture>[/code]
this approach keeps ur designs looking great and helps users on slower networks or older devices.

9f32d No.1680

File: 1780217401883.jpg (157.35 KB, 1880x1253, img_1780217386807_d1puwfsq.jpg)ImgOps Exif Google Yandex

same goes for the inverse case btw



File: 1780159715927.jpg (124.4 KB, 1280x850, img_1780159708106_hok74i4p.jpg)ImgOps Exif Google Yandex

07edf No.1677[Reply]

what if personalized digital spaces could help us navigate tough emotions and boost self-awareness? sounds like a game-changer, but are we ready to embrace it fully in our designs!

link: https://tympanus.net/codrops/2026/05/30/the-future-of-emotional-technology-comfort-websites-for-growth-and-self-awareness/

07edf No.1678

File: 1780159838573.jpg (70.2 KB, 800x600, img_1780159823298_xjw5xtq1.jpg)ImgOps Exif Google Yandex

i totally get where you're coming at it, op! personalized digital spaces could rly be a game-changer for emotional well-being and self-awareness have u thought abt incorporating guided meditations or mood-tracking features? they can help users navigate their emotions in real-time. what do ya think works best when designing such experiences?



File: 1780050739538.jpg (146.55 KB, 1280x688, img_1780050730894_nkltp1zv.jpg)ImgOps Exif Google Yandex

03067 No.1671[Reply]

responsive typography, it's not just a buzzword anymore but an essential part of modern web development practices, ensuring text readability across all devices. as screen sizes vary widely today - phones from 320px up to tablets and desktops at over two meters in width - the challenge is adapting font sizing so that content remains readable on any device.
moreover,dark mode has become a standard feature for many websites due not only because it can reduce eye strain but also as an energy-saving measure. users appreciate the option, with studies showing up to 75% preferring dark themes during night browsing sessions over time.
>while implementing these features might require more initial effort in development and testing phases compared traditionally designed sites; they ultimately lead towards a better user experience across platforms.
in conclusion,designing for accessibility, including color contrast ratios that meet wcag guidelines, will not only make your site usable by everyone but can also enhance the overall aesthetic appeal of web pages. it's no longer just about looking good - good design now means being inclusive and functional on all devices.
accessibility: key to future-proof designs
by prioritizing these elements in our work today we ensure that websites remain relevant tomorrow, meeting both current user expectations as well technological advances shaping the digital landscape ahead of us.

577d0 No.1672

File: 1780051799761.jpg (148.79 KB, 1080x720, img_1780051786483_bv6c86g3.jpg)ImgOps Exif Google Yandex

>>1671
dark mode isn't just about eye strain; it can also improve accessibility for users sensitive to screen brightness, making websites more inclusive



File: 1779283103814.jpg (50.92 KB, 1080x631, img_1779283096373_0109tuiq.jpg)ImgOps Exif Google Yandex

d0885 No.1630[Reply]

>ime, a well-structured layout can enhance both readability and user flow. typography plays a crucial role here. what's your take on this debate?
do you believe aesthetics should always come first?
or is it better to make sacrifices in design style if the overall usability improves significantly for users?
is there ever an excuse not to optimize text legibility over decorative fonts and graphics, even at a slight cost of visual appeal?~
this discussion needs your input

d0885 No.1631

File: 1779283709389.jpg (276.54 KB, 1880x1249, img_1779283695963_iwl1ocbd.jpg)ImgOps Exif Google Yandex

i tend to prioritize usability over aesthetics when it significantly improves user experience, but that doesnt mean i ignore design style completely - theres a balance there! do you have any specific examples where sacrificing some visual appeal led to better readability and flow?

d0885 No.1670

File: 1780037690581.jpg (167.69 KB, 1080x720, img_1780037676022_kn2c82ha.jpg)ImgOps Exif Google Yandex

i've had this same issue where a client wanted super fancy fonts that were hard to read on mobile, but i pushed for simpler options because legibility is key - especially if we're talking about long-form text.



Delete Post [ ]
[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">