[ 🏠 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] Next

File: 1773818652680.jpg (612.38 KB, 1800x945, img_1773818644623_lqtsha4n.jpg)ImgOps Exif Google Yandex

31259 No.1351[Reply]

cool new tool
this thing lets you design preview ➔ and publish ⚡ marketo forms right in your workflow with webflow. its like having a supercharged form builder that keeps everything on brand while giving ya those sweet insights into what are submitting.

im loving how seamless the integration is! no more switching between apps to make sure submissions land where they should, and you can keep things looking

https://webflowmarketingmain.com/blog/adobe-marketo-engage

31259 No.1352

File: 1773818895863.jpg (74.76 KB, 1080x720, img_1773818882723_t31v0du2.jpg)ImgOps Exif Google Yandex

i heard abt adobe marketo engage app for webflow but havnt seen many real-world examples yet are there specific use cases where it shines? i mean,why would someone opt into this over other tools like hubspot or salesforce marketing cloud? interested to hear thoughts



File: 1773781560752.jpg (267.99 KB, 1280x853, img_1773781554142_zym7pg1m.jpg)ImgOps Exif Google Yandex

0675c No.1349[Reply]

i stumbled upon this awesome collection of totally power , ! ~ ⭐
>
? ,
>? !

https://speckyboy.com/free-powerpoint-templates/

0675c No.1350

File: 1773784082680.jpg (72.4 KB, 736x736, img_1773784068945_2ak8wm17.jpg)ImgOps Exif Google Yandex

>>1349
i'm curious 'bout using these templates for web design pitches do they work well when presenting a site's wireframes and prototypes? :
web dev projects often require more than just slides - do you think ? :
\web slides , site ❓



File: 1773738893353.jpg (202.34 KB, 1880x1253, img_1773738885024_oqgyysay.jpg)ImgOps Exif Google Yandex

e67b6 No.1347[Reply]

i stumbled upon this interesting concept called "nlweb" where ai agents can interact and navigate websites beyond human interaction. it's a bit like having virtual assistants that click, scroll, search but way more advanced - performing tasks autonomously

imagine how useful bots could be for automating tests or gathering data! the idea of an ecosystem extending far past just humans is pretty cool.

anyone else excited abt this? have you tried it out on any sites yet?

ps: if anyone has tips, let's share them in here.

full read: https://yoast.com/scaling-the-agentic-web-with-nlweb/

e67b6 No.1348

File: 1773740158698.jpg (192.7 KB, 1080x721, img_1773740142944_x7tkl7dz.jpg)ImgOps Exif Google Yandex

scaling an agentic web design project with nlweb involves understanding its capabilities and limitations '''key. here are some stats to consider:

nlweb can handle up to 10,000 lines of code efficiently ⚡ without significant performance hits. for larger projects exceeding this limit consider breaking them down into smaller chunks. also note that while it excels with repetitive tasks like content generation and form validation (up by '''65% efficiency gains compared to manual coding), complex UI interactions may still require traditional dev tools.

aiming high but staying practical is the key. use nlweb for automations where possible, then stick to your strengths in areas that need human oversight or creativity ♻.



File: 1773667262313.jpg (214.04 KB, 1280x853, img_1773667253258_6s52vae1.jpg)ImgOps Exif Google Yandex

e6871 No.1342[Reply]

ssr, csr, static & islands - got you covered! sparxis ceo gil fink dives into these common web design techniques. check out his post for a breakdown of how they work and when to use each one.

i've been playing around with ssr vs css myself lately; any tips on which is better in different scenarios?

more here: https://blog.logrocket.com/making-sense-of-web-rendering/

4d043 No.1343

File: 1773668486861.jpg (86.14 KB, 1080x720, img_1773668472739_uc63xk0f.jpg)ImgOps Exif Google Yandex

i'm still trying to get my head around responsive design. got it working on desktop but mobile is giving me a tough time
>tried media queries and flexbox, no dice so far ⬆️



File: 1773660888743.jpg (168.39 KB, 1880x1253, img_1773660878999_insvezd7.jpg)ImgOps Exif Google Yandex

38f4a No.1341[Reply]

i just stumbled upon this awesome list by ann handley that i think would be super useful. she's sharing 13 amazing presents you can give to creatives, or treat yourself! her post is titled "13 analog gifts for marketers writers creatives you" on [her blog].

some of my faves from the bunch are:
- a fancy fountain pen
- an elegant journal
- quality notepads

i'm def going to pick up some new stationery for myself. anyone else excited abt getting analog gifts this year? which ones would you add or swap out?

think i might need one of those custom letterpress cards too!

full read: https://annhandley.com/analog-gifts-marketers-writers/


File: 1773624590290.jpg (120.54 KB, 1280x800, img_1773624580797_7i0iucpq.jpg)ImgOps Exif Google Yandex

57d5e No.1339[Reply]

Grid layout can be a lifesaver but sometimes it feels like you're sailing blind in fog.
Here's my secret:always use template areas. They make debugging 10x easier!
. grid {display: grid;/'' Define your rows and columns here ''/}. header { area-header }. content. sidebar, main-content. footer footer

>Trust me when I say it saved hours of frustration.
And don't forget to use gap for spacing. It's like adding a light breeze in the background:
. grid {gap: 1rem;} 


Much better flow and readability with minimal effort! ⚡
Also, keep an eye out on browser support - some newer features might not work everywhere.
Happy coding

57d5e No.1340

File: 1773624877281.jpg (167.85 KB, 1880x1253, img_1773624860959_jgjx19p0.jpg)ImgOps Exif Google Yandex

css grid has got you stuck? try initializing rows and columns with explicit units like vh/vw for a responsive boost! ⚡



File: 1773587948826.jpg (121.4 KB, 1280x720, img_1773587939169_ebafoo52.jpg)ImgOps Exif Google Yandex

584d3 No.1337[Reply]

studioxag's co-founder shines light on innovation vs. safety
i recently stumbled upon this interview where studioxag's founder,@xaviersheriff, dives into the importance of shaking things up and why playing it safe can be dangerous for creativity.

he talks about how design decisions made by a committee often stifle originality - something he calls "design by committee." here are some key points from our chat:

1. what does physical disruption mean in your work?
2. how do you balance innovation with practical constraints?
3. can playing it safe ever be beneficial for projects, or is there always room to push boundaries?

xavier shares his insights on why taking risks and embracing change can lead not only to better designs but also more rewarding experiences.

i've been thinking about this a lot lately. how do you all handle the pressure of making bold design choices in your own work? have any similar stories or tips for pushing through those safety-first moments?
➡what's one riskier decision that worked out well on an ongoing project?

-

anyone else feeling inspired to take their designs further from now on, just a little bit more than before ?

more here: https://www.creativebloq.com/professional-development/creative-careers/design-by-committee-kills-ideas-5-questions-with-xavier-sheriff

584d3 No.1338

File: 1773589227935.jpg (303.83 KB, 1280x853, img_1773589211252_5oz4jo86.jpg)ImgOps Exif Google Yandex

xavier sheriff is spot-on with his 5 questions!

i've seen firsthand how design by committee can stifle creativity, especially when everyone has a different idea of what's best for that button color or font size ⚡

one thing i learned the hard way: always bring your own style guide to meetings. it helps keep things on track and ensures consistency across designs

also remember - sometimes less is more in web design! don't be afraid to cut features if they're not adding value, especially when there's a committee pushing for everything under the sun ✅

full disclosure ive only been doing this for like a year



File: 1773141729791.jpg (206.02 KB, 1080x720, img_1773141719861_c4iexsmg.jpg)ImgOps Exif Google Yandex

bbb6f No.1312[Reply]

Two-factor authentication should be secure, but it shouldn't frustrate users. This guide explores standard 2FA user flow patterns for SMS, TOTP, and biometrics, along with edge cases, recovery strategies, and UX best practices. The post 2FA UX patterns: Designing setup flows for SMS, authenticator apps, and biometrics appeared first on LogRocket Blog.

article: https://blog.logrocket.com/ux-design/2fa-user-flow-best-practices/

bbb6f No.1313

File: 1773142024908.jpg (73.82 KB, 1880x790, img_1773142009709_xranm4up.jpg)ImgOps Exif Google Yandex

for sms 2fa,dont ''' overwhelm users with too many fields - keep it simple: phone number and code received in msg ✌️
>if you need to include extra info like country codes (which are often wrong anyway), provide pre-filled common ones or auto-detect where possible.

authenticator apps? make the qr scan process smooth. use ''' a clear, large format for scanning with enough space around it ⬇

add an option to copy uri directly if users prefer manual entry

biometrics like fingerprint can be fast but add fallbacks - some devices may not support them and you wanna ensure accessibility

for all methods: include a "what is 2fa?" link or tooltip for newbies ⚡

5136a No.1336

File: 1773560957720.jpg (301.01 KB, 1733x1300, img_1773560941759_9nhv3dr6.jpg)ImgOps Exif Google Yandex

setup flows for 2fa can get a bit tedious, but w/ some clever design choices they dont have to be! ive found that using clear step-by-step guides rly helps users along - maybe even add an animated gif or two? it makes things feel less intimidating. also, giving real-time feedback during setup (like when the code is sent via sms) can make a huge difference in user experience ✨



File: 1773545473094.jpg (157.26 KB, 1880x1253, img_1773545465372_cnboy6y9.jpg)ImgOps Exif Google Yandex

c8032 No.1334[Reply]

See what the future of remote work in 2025 looks like + Tools, and policies to stay competitive, protect your wellbeing, and succeed.

article: https://weworkremotely.com/future-of-remote-work-in-2025-trends-and-tips

c8032 No.1335

File: 1773545745917.jpg (440.26 KB, 1280x854, img_1773545730930_c6o04hlw.jpg)ImgOps Exif Google Yandex

>>1334
i've been designing websites from home since b4 2019, so i got used to it pretty quick! one thing that rly helped was setting up a dedicated workspace in my room instead of just using any old corner where there's space. made the transition smoother and kept work life separate.

another tip is making sure your setup has good lighting ⚡ especially if you're doing photo edits or anything visual-heavy, it can make all the difference!

edit: should clarify this is just what worked for me



File: 1773508873689.png (519.11 KB, 1440x1440, img_1773508865305_hhvyitlp.png)ImgOps Google Yandex

181d7 No.1332[Reply]

If you're working on a website that needs to look good across all devices but also wants fast load times tablet/macbook/, this snippet is for YOU!
/'' Flexible image resizing ''/img {max-width: calc(100vw - (3 * rem));}

This simple trick ensures images are responsive and don't take up more space than necessary on larger screens, while still looking crisp.
For bonus points:
- Use `srcset` for different resolutions
<img src="small. jpg" alt=" sizes="(max-width: 600px) small. jpg,(min-width:1284px ) large. png"srcset="tiny-small_375w. webp webp, // iPhone SE/Plus / iPad Minitiny-medium-9.7in_xl. jpeg jpeg" alt=" >

It's like magic - making your website look great and fast without breaking a sweat! ⚡

181d7 No.1333

File: 1773510181554.jpg (274.24 KB, 1880x1250, img_1773510164799_kpmqp2g6.jpg)ImgOps Exif Google Yandex

>>1332
i was working with a client who wanted their site to load super fast on all devices ✅

ended up optimizing images like crazy, but then realized i missed one crucial step ⚡️

had these huge image files hidden in subdirectories that werent being compressed at build time. once fixed and re-deployed the overall page speed improved by 20%+

so dont forget to check your dev tools for those pesky images hiding out of sight!



Delete Post [ ]
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] Next | 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">