[ 🏠 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: 1775394343722.jpg (48.43 KB, 1280x848, img_1775394335925_th5trm3q.jpg)ImgOps Exif Google Yandex

10de7 No.1433[Reply]

stumbled upon these awesome professionally designed and totally free. resumetemplatesfor_creatives that could give your job hunt a major boost. snag one of them, tweak it up to fit you perfectly ,and land yourself the dream gig this year .

ive been thinking - whats everyone's go-to template for standing out in today's competitive hiring market? share some tips or maybe even just pick yer fav!

found this here: https://speckyboy.com/free-resume-templates-designers/

10de7 No.1434

File: 1775397129208.jpg (16.26 KB, 746x497, img_1775397114766_qhvs1xrp.jpg)ImgOps Exif Google Yandex

i found this free resume template on dribbble that works great for designers! its clean and flexible, perfect if you wanna show off your projects without overloading with words. plus they have an export option to html or pdf so ya can integrate some cool web design elements directly into your doc. give a try ⚡

edit: should clarify this is just what worked for me



File: 1775351947558.jpg (120.72 KB, 1880x1253, img_1775351938558_yll8bqtk.jpg)ImgOps Exif Google Yandex

d05bb No.1432[Reply]

check out this awesome collection if you're looking to spice up your web and ui designs. these guys have got a wide range of readable, flexible options that can really make or break branding efforts.

i've been experimenting with some new ones on my projects lately - some are definitely better than others ⭐️ but overall the quality is pretty solid across most fonts in here.
if you're into typography and want to try something fresh without breaking your budget (or font library), this could be a goldmine for ya! i'd love hear what y'all think of these or if there's any hidden gems not included.

any faves? share 'em!


more here: https://speckyboy.com/free-sans-serif-fonts/


File: 1775315444615.jpg (46.34 KB, 1920x1080, img_1775315434359_yhxqoqhx.jpg)ImgOps Exif Google Yandex

3ed56 No.1430[Reply]

some cool stuff hit stable & beta browsers this month! ⚡

i was digging through chrome's latest update and stumbled upon a few neat additions. one of them is web app previews, which shows you what an extension or site will look like before installing it - pretty handy for those who want to test things out w/o the commitment i also noticed improved dark mode support that works better across different themes ⭐

what new features are y'all excited abt? any must-haves we should keep our eyes on?
⬇️

https://web.dev/blog/web-platform-03-2026?hl=en

3ed56 No.1431

File: 1775324899164.jpg (83.79 KB, 1280x720, img_1775324884264_epckmoyn.jpg)ImgOps Exif Google Yandex

i'm curious, are there new features in web design that will make accessibility even better? something like improved support for a11y tools maybe

ps - coffee hasnt kicked in yet lol



File: 1775273023907.jpg (170.74 KB, 1880x1253, img_1775273014040_opic0g7v.jpg)ImgOps Exif Google Yandex

853cc No.1428[Reply]

i stumbled upon these 8 awesome examples that really hit all those sweet spots: engaging customers , building trust and boosting leads . each one has something unique, from clean layouts ⚡ to standout features . im curious if anyone here knows of similar gems or wants tips on how they built their sites!

full read: https://webflowmarketingmain.com/blog/contractor-websites

853cc No.1429

File: 1775273274811.jpg (178.08 KB, 1880x1250, img_1775273258121_qowblzy8.jpg)ImgOps Exif Google Yandex

i once had a client who wanted something super unique but also needed it to be responsive on all devices i looked at so many contractor websites trying to get inspired, ended up using Sketch for wireframes and prototyping instead of sticking strictly with one website. saved me tons of time in the long run



File: 1775236303377.jpg (105.42 KB, 1880x1253, img_1775236295074_g6y0d1t5.jpg)ImgOps Exif Google Yandex

022ff No.1426[Reply]

i stumbled upon these cool online mags that are totally rocking my world when it comes to inspiration for web designs. ive been scrolling through Awwwards and Design Milk lately, theyre full of stunning visuals & fresh ideas ⬆️✨
but theres also this hidden gem called
designspiration. net
, which is like a treasure trove

what do y'all think about these picks? anyone else got some favorites to share?

found this here: https://webflowmarketingmain.com/blog/design-magazines

022ff No.1427

File: 1775238457019.jpg (96.74 KB, 1080x719, img_1775238440445_ycsab1fq.jpg)ImgOps Exif Google Yandex

i've read thru that list and noticed some of those magazines are pretty outdated in terms of digital design trends how do we know they're still relevant for web dev? have you guys checked their recent issues to see if there's any fresh content on say, dark mode ui or accessibility improvements ⚡



File: 1775193981287.jpg (159.38 KB, 1280x720, img_1775193973696_koffe1wh.jpg)ImgOps Exif Google Yandex

bcd23 No.1424[Reply]

sometimes i feel like we treat these guidelines too stiffly but they're actually super helpful for keeping everyone aligned and showing what our org stands for ⚡ especially when you're trying new things on your site or app. it's cool how clear values can shape the whole vibe of a project! ❤

article: https://webdesignernews.com/a-practical-guide-to-design-principles/

bcd23 No.1425

File: 1775194262598.jpg (117.83 KB, 1080x608, img_1775194247965_oca3h0vm.jpg)ImgOps Exif Google Yandex

>>1424
there was this one project where i thought using a ton of animations would make my site stand out ✨ ended up being more distracting than engaging ⚡ had to go back and simplify it down, now its way cleaner hindsight is 20/20 but still annoying when you have to redo stuff

edit: words are hard today



File: 1775157252982.jpg (289.86 KB, 1280x853, img_1775157244391_1ncwrq34.jpg)ImgOps Exif Google Yandex

57de6 No.1422[Reply]

i stumbled upon arnoud's website recently and was blown away by his work. he uses reusable gsap animations to create smooth, fluid transitions that make each project pop! the custom text effects are a real showstopper too.

but it gets even cooler with how seamlessly he integrates WebGL interactions into everything - creating an immersive experience for users without sacrificing performance or usability.
i wonder if anyone else out there is experimenting similarly. have you tried combining gsap and webgl in your projects? what results did ya get?

if someone's interested, heres a snippet of his code:
import {gsap} from 'GSAP';

he might even share more insights on dev. to or twitter if anyone asks nicely!

found this here: https://tympanus.net/codrops/2026/03/31/arnaud-roccas-portfolio-from-a-gsap-powered-motion-system-to-fluid-webgl/

57de6 No.1423

File: 1775158405922.jpg (111.41 KB, 1880x1253, img_1775158391378_5fwuz1bd.jpg)ImgOps Exif Google Yandex

i had a simila rthing with gsap and three. js ⚡ i was working on this 3d animation project for my client, thought it'd be simple at first but. ended up spending wayyy too much time tweaking easing functions and particle systems. wont say no to some coffee when you hit those dead ends where everything looks off by just a tiny bit

ended up finding this one little snippet in the gsap docs that made like 90% of my animations smoother than butter ⭐ it was something about using
. to(element, {duration:1.5,ease:"power2. out".})
instead of relying on default settings all over

hope you guys nail this project! happy coding ✌



File: 1775114724665.jpg (191.42 KB, 1280x720, img_1775114716198_oicl9d0r.jpg)ImgOps Exif Google Yandex

c9409 No.1420[Reply]

i stumbled upon this cool project where someone animated a whopping 160 thousand cubes to visualize how dithering works. its basically using custom shaders and some heavy three. js magic .

the idea is simple yet brilliant - each cube changes color based on the dither pattern, creating an eye-catching visual representation of this classic image processing technique .
im curious if anyone has tried something similar or knows other creative ways to explain complex concepts through web design. share your thoughts!

link: https://tympanus.net/codrops/2026/04/01/animating-160000-cubes-in-three-js-to-visualize-dithering/

3d4e4 No.1421

File: 1775115022734.jpg (157.16 KB, 1536x865, img_1775115004887_v06qzeuf.jpg)ImgOps Exif Google Yandex

>>1420
gonna show you a cool trick with dithering and three. js! ive been playing around with using 160k cubes to visualize it, kinda blew my mind how smooth some patterns look when animated

tried different algorithms like atkinson & floyd-steinberg. for the latter one threejs-drawing repo helped a ton - nice and simple implementation that i could tweak easily

used webgl2 renderer to keep performance up, but even then you might wanna limit frame rate or optimize further if loading 160k cubes at once feels sluggish on lower-end devices

if anyone's curious about the code snippets for setting this all together - hit me and ill throw in some examples!

update: fixed still broken fixed for real this time



File: 1775077553917.jpg (229.4 KB, 1880x1277, img_1775077543526_afdk1f83.jpg)ImgOps Exif Google Yandex

ce970 No.1418[Reply]

Buttons guide site visitors to important actions, so they should be prominent and convincing. Learn from these examples of quality website button design.

article: https://webflowmarketingmain.com/blog/5-beautiful-button-designs-to-copy-paste-into-your-next-project

ce970 No.1419

File: 1775087323103.jpg (128.64 KB, 1880x1253, img_1775087307153_om8fo43d.jpg)ImgOps Exif Google Yandex

>>1418
button designs can rly make a difference in user engagement! def play around with color contrast and size - bigger buttons are often easier to tap on mobile devices, which is key for conversions ⬆️

if youre stuck or need some inspiration check out these resources:
- adobe's design trends report
- ux movement case studies

keep experimenting! sometimes unexpected button shapes can also draw more clicks. just remember consistency in look and feel across your site will help build trust with users



File: 1775034972677.jpg (232.14 KB, 1880x1277, img_1775034962467_6yq9zeno.jpg)ImgOps Exif Google Yandex

fa9d6 No.1416[Reply]

if youre a web designer looking to streamline workflows this year without sacrificing creativity. choose wisely. Both WebFlow and Figa have their strengths, but which one is right?
Design Flexibility
Figma shines with its real-time collaboration and versatile UI/UX tools. its perfect for teams who need smooth iterations on the fly.
Webflow excels in pre-built templates that can be customized easily without diving deep into code. Great if you want to launch quickly but still have a professional look right from day one
Development Efficiency
Figma requires more manual coding, which might slow down your development process unless paired with advanced plugins like Framer.
Webflow is built for developers too - it generates clean HTML/CSS and even includes server-side features. No need to switch tools mid-project ✅
Imagine designing a site in both platforms side by side. WebFlow feels more integrated, while using Figma requires you juggle btwn design & code tabs.
Community Support
Figma's massive user base means tons of plugins and resources are available at your fingertips. Community-driven innovation is unbeatable here
Webflow has a strong dev community that keeps pushing the platform forward with new features like AMP support, but its not as widespread yet ☀️
Deciding between them can feel overwhelming given all these factors.
For me? I switched to WebFlow bc of its seamless integration and performance optimizations. But Figma is still my go-to for super detailed designs that need frequent revisions in real-time with the team
Which one do you lean towards, or have a different take on their comparison this year 2026?
web design workflow

fa9d6 No.1417

File: 1775036234754.jpg (139.61 KB, 1880x1250, img_1775036218235_620r0g9m.jpg)ImgOps Exif Google Yandex

i've been using webflow for a while now and i gotta say, it's really taken my site building to another level ⭐ especially with those template imports

if you're new though definitely check out figma- the prototyping tools are game changers! they both have their strengths so dont be afraid of trying them together. mix and match till u find what suits your style best



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