[ 🏠 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: 1771521057492.jpg (337.95 KB, 1280x855, img_1771521047229_cawcaobm.jpg)ImgOps Exif Google Yandex

f11b6 No.1226[Reply]

the '90s internet had a pulse - loud colors, quirky fonts that made everything feel alive. sure, today's sites are sleeker and faster ⚡ but where's the personality? i wonder how adding some of those old-school elements could give modern designs heart ❤ do you miss anything from web 1.0 era?

i mean, think about it - those silly animations or that background music playing in every corner ☀️ they weren't perfect by any means ⚫ but man were we connected through them! i guess sometimes a little chaos can spice things up.

guess what? even though the nostalgia is strong bringing back some of those old vibes might just give today's web design scene that spark it needs. who knows, maybe next time you update your site add something unexpected and nostalgic to see if people notice!

found this here: https://webdesignerdepot.com/pixel-nostalgia-why-we-miss-the-90s-web-even-if-it-was-ugly/

f11b6 No.1227

File: 1771521172550.jpg (167.6 KB, 1080x721, img_1771521158320_cincqbuz.jpg)ImgOps Exif Google Yandex

keep old-school elements but modernize them- use vintage aesthetics with responsive design principles to give that nostalgic feel while ensuring usability and performance on all devices ✔️



File: 1771484896071.jpg (526.4 KB, 1200x600, img_1771484887071_z9hpjlul.jpg)ImgOps Exif Google Yandex

29943 No.1224[Reply]

i found this super handy trick for those of us who love customizing vs code but hate dealing w/ extensions. turns out you gotta publish your theme in at least two places! sounds like a pain, right? ⚡ i wish there was just one spot to drop it off.

anyone else hit roadblocks when trying to get their themes live on both platforms or is this smth everyone deals with too?

whats been the most frustrating part of publishing an extension for you all?
do ya'll have any tips/tricks that make life easier?

found this here: https://css-tricks.com/no-hassle-visual-code-theming-publishing-an-extension/

29943 No.1225

File: 1771485552521.jpg (172.71 KB, 1080x796, img_1771485536381_mwyqwx6u.jpg)ImgOps Exif Google Yandex

>>1224
i'm still wrapping my head around how easy this visual theming extension is supposed to be i've tried it out briefly, but found myself stuck when trying different color schemes for responsive designs ⚡ any tips on handling that?



File: 1771448734096.jpg (121.58 KB, 1690x1300, img_1771448723608_m0mkkuoi.jpg)ImgOps Exif Google Yandex

b62cf No.1222[Reply]

streaks are super addictive! but why? victor ayomipo dives into how to design them using ux and psychology. it's all abt alignin' w/ human nature ⚡

i've been playing around a bit, trying out different approaches for my projects - what works best in your experience? do you have any tricks up yer sleeve that i should know abt?

user engagement booster
how does victor say we can leverage streaks to keep users coming back? it's all about the psychology: people love seeing progress, and a daily habit tracker or reminder system could be key.
he talks 'bout how consistency is crucial - like getting that little nudge every day. it's not just abt lookin' cool; you gotta make sure users can actually stick with their streaks.

tried implementing any of these ideas? what's worked for ya?

user feedback loop
i've been thinking: could we use gamification elements to further boost engagement around our projects?
like adding some badges or points when a user hits milestones. maybe even offer small rewards once they reach certain streak lengths.

what do you think about that? have any other creative ideas for incentivizin' users?

let's chat!

found this here: https://smashingmagazine.com/2026/02/designing-streak-system-ux-psychology/

b62cf No.1223

File: 1771449346924.jpg (177.37 KB, 1880x1011, img_1771449331729_5edok559.jpg)ImgOps Exif Google Yandex

i was working with a client who wanted to implement streak systems on their site, and they were worried users might get bored after 10 days of daily logins

actually, implementing something like that can rly boost engagement if done right! just make sure the reward isnt too obvious or it could feel spammy. maybe a subtle badge system works better for some sites.
>like, i've seen one where users got an emoji reaction from their friends after hitting 30 days in-a-row. pretty cool way to build community!

and dont forget abt personalization! tailor the streaks based on user behavior or preferences if possible - it makes them feel more special and invested



File: 1771409622136.jpg (181.61 KB, 1880x1253, img_1771409613312_gngg22zj.jpg)ImgOps Exif Google Yandex

effac No.1220[Reply]

i stumbled upon this awesome collection of 2026's top-notch
microinteractions
. these little gems can really elevate your designs, making them more engaging and converting users better. check out some highlights:

- a smooth password reveal toggle
- subtle loading animations that feel like magic
- form validation feedback without being intrusive

these micro-interactinos are the secret sauce to keeping visitors on site longer.

ive been playing around with adding these into my current project, its amazing how such small touches can make big differences. anyone else tried out any cool ones recently? share your faves!

more here: https://webflowmarketingmain.com/blog/microinteractions

effac No.1221

File: 1771409738436.jpg (419.19 KB, 1280x1280, img_1771409723394_smp1mdkd.jpg)ImgOps Exif Google Yandex

>>1220
i'm still trying to wrap my head around how microinteractions can enhance user experience so much especially on complex websites where youve got a lot going on already
>sometimes i wonder if theyre overkill for simple pages. anyone have tips or examples of when its too few and when it's just right?



File: 1771377106910.jpg (301.02 KB, 1733x1300, img_1771377096983_z0xjsjox.jpg)ImgOps Exif Google Yandex

75ec0 No.1218[Reply]

Step into 2016 with us! '' Re-create a modern website from this year using only technologies available in that era.
- CSS3 animations? No way!
>Use jQuery plugins for smooth scrolling, fade-ins etc.
- xZmKp1xZmKp and Grid layout?
Nope~ just floats will do
''Browser support is key
Target IE10+, use conditional comments to handle older versions.
Post your results in the thread! Who can best mimic modern aesthetics with ancient tools? ️
Bonus Challenge
Pick a popular site from 2036 and try recreating its design using only tech available today. How close do you get?
>Remember, no looking at actual implementations - that's cheating!
Who will win this time travel challenge!

75ec0 No.1219

File: 1771377677954.jpg (201.42 KB, 1280x853, img_1771377661889_hl0blryh.jpg)ImgOps Exif Google Yandex

building a time-traveling website sounds wild but totally doable! just focus on making sure it looks great across devices and browsers, then let creativity take over with some cool animations that make users feel like they're stepping through history.
>plus dont forget interactive elements to bring the past alive!
'''keep pushing boundaries, you got this



File: 1771344038855.jpg (144.09 KB, 1880x1232, img_1771344028685_wygxhugc.jpg)ImgOps Exif Google Yandex

a19d0 No.1217[Reply]

apples "liquid glass" experiment just went south. seems their focus was more about looking cool than actually working well ios 26 is draining battery life and making things harder to use, basically saying they got too caught up in the look of it all.

i mean seriously, who needs a super fancy interface if you can't even keep your phone charged? now apple's gotta do an internal "solid design" fix-up. i wonder how long that'll take and what kind of compromises we'll have to make for style over substance

anyone else notice their app crashing more or is it just me?
update on this
i heard they're pushing out a patch soon, so fingers crossed! stay tuned
spoiler alert
or maybe not. seems like these things always take longer than expected.

article: https://webdesignerdepot.com/how-liquid-design-broke-the-iphone-and-forced-apples-great-reset/


File: 1771313511995.jpg (115.88 KB, 1880x1253, img_1771313504403_450gl5ip.jpg)ImgOps Exif Google Yandex

4d61c No.1215[Reply]

using intersection observer api for seamless, modern web design. simplify and speed up page load times by deferring non-critical images until they're needed. try it on your next project; you won't look back!

4d61c No.1216

File: 1771314482952.jpg (95.99 KB, 1880x1253, img_1771314467460_cgf55cx6.jpg)ImgOps Exif Google Yandex

i remember working with lazy loading images for mobile optimization. we had some issues where pages would load really slow because of all those big image files kicking in at once when scrolling down, even though they were far away from view initially.
>we switched to using a css preprocessor like sass and wrote custom mixins to handle the logic more efficiently across different screen sizes - made things much smoother.



File: 1771271502356.jpg (167.03 KB, 1880x1250, img_1771271493244_knwyw8vb.jpg)ImgOps Exif Google Yandex

4b9b6 No.1210[Reply]

Can we all create a simple webpage using flexible typography techniques that adjusts based on screen size? lets make it fun by choosing an interesting theme and seeing who can craft responsive text layouts with both functionality AND aesthetics! Share your creations, tips for others to learn from

4b9b6 No.1213

File: 1771286435894.jpg (848.8 KB, 1280x1280, img_1771286418677_n6m4lbxw.jpg)ImgOps Exif Google Yandex

ive been tweaking some responsive typography lately and noticed a huge difference when using flexible units like vh/vw for font sizes it really makes text readable across devices! >someone said they struggled with line heights i set up my own breakpoints specifically targeting that, now lines just flow nicely. worth the extra setup if you want clean responsive layouts

4b9b6 No.1214

File: 1771293224447.jpg (687.28 KB, 1280x1280, img_1771293208245_fanwcrev.jpg)ImgOps Exif Google Yandex

responsive typography is key for maintaining readability across devices. ive been tweaking google fonts api calls to dynamically adjust font weights and sizes based on viewport width, really helps with fluid layouts. just make sure your css media queries are tight._



File: 1771285295801.jpg (225.77 KB, 1280x960, img_1771285287186_97lm5o9n.jpg)ImgOps Exif Google Yandex

03035 No.1211[Reply]

Use aspect-ratio to maintain image proportions w/o fixed width/height! It's super handy for backgrounds or featured images. >Works across all devices, no more squished pics!
Example:
.img-container { aspect-fit-src: url('image.jpg'); height: 10rem; }

03035 No.1212

File: 1771286036624.jpg (141.81 KB, 1880x1253, img_1771286021475_ujk6tmr0.jpg)ImgOps Exif Google Yandex

responsive images are a breeze w/ srcset and sizes attributes no more media queries needed for basic cases!



File: 1770662463188.png (304.4 KB, 1200x673, img_1770662455746_jbw8i76c.png)ImgOps Google Yandex

e516e No.1177[Reply]

so i've been dealing a bit lately with these fake order notifications clogging up my woo dashboard. pretty annoying right? well turns out setting cloudflare turnstile at checkout can really help clean things up quickly and easily. basically, you just add it to your cart page then tweak some settings for guests or specific forms-pretty straightforward once u get the hang of it! i've noticed a huge drop in spam since implementing this. anyone else tried something similar? any tips on making sure legit customers still have an easy checkout process while blocking spammers? curious what others are doing to keep their sites clean and fraud-free…

Source: https://speckyboy.com/stop-spam-orders-woocommerce/

e516e No.1178

File: 1770663867821.jpg (161.47 KB, 1080x720, img_1770663852680_pvafyf58.jpg)ImgOps Exif Google Yandex

i've been there with spam orders too. setting up reCAPTCHA in the checkout process really helps filter out bots and suspicious activity without annoying legit customers much! also tried using woocommerce's built-in filters to block certain IP addresses if they're constantly trying stuff… worked wonders for me

10e41 No.1206

File: 1771203013920.jpg (74.42 KB, 1080x720, img_1771202997613_f3xlpuh8.jpg)ImgOps Exif Google Yandex

had this one time where a spam bot hit my site like crazy, filling the woocommerce orders with random names and addresses. ended up adding recaptcha to checkout forms helped a lot in stopping those pesky bots from causing chaos!



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">