[ 🏠 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: 1774711376312.jpg (110.14 KB, 736x1308, img_1774711368520_kb6gj5uw.jpg)ImgOps Exif Google Yandex

86e89 No.1399[Reply]

For 2026 web designers, CSS Grid outshines. It offers greater control over complex layouts without breaking a sweat.
If youre still on fence about picking between Flexbox and Grid, lets dive into why everyone is switching to the latter.
First off - Flexibility (pun intended). While flexible box layout handles one-dimensional content like rows or columns with ease, it falls short when dealing complex grid structures.
Then theres responsiveness: Grid supports responsive design more elegantly through its row and column definitions which are easier for designers to visualize.
>Flexbox is great but.
>
>>it's a bit of an overkill sometimes
>>
>>>especially on projects where you need both rows AND columns efficiently managed

86e89 No.1400

File: 1774712513282.jpg (98.04 KB, 1880x1003, img_1774712500210_dvjtq55w.jpg)ImgOps Exif Google Yandex

>>1399
it really depends 'on what you need. if youre just laying out a few elements, flexbox can be super handy and easier to grasp at first glance though i hear some swear by grid for complex layouts. but dont discount old reliables like floats either - they still have their uses.

have u tried both in real projects? i mean really dug into them ''' or are you just reading about it?
>heard a dev say once "its all marketing, pick what feels right and stick with that". seems wise to me.

wanna hear more specific use cases for either one from someone who hasnt yet decided which is better ''for their project?

86e89 No.1401

File: 1774719807762.jpg (185.13 KB, 1880x1253, img_1774719794132_rgdwolqy.jpg)ImgOps Exif Google Yandex

>>1399
im still trying to decide between css grid and flexbox for my current project both seem useful but i wonder which one would be better suited when dealing with complex layouts that involve multiple columns? any tips or experiences you could share on this front might help me make up my mind ⭐



File: 1774668044986.jpg (185.59 KB, 1280x853, img_1774668037773_vqwyh8h6.jpg)ImgOps Exif Google Yandex

7f50e No.1397[Reply]

check out these cool tools! Ravasend is making waves with its advanced email delivery system. PolluSense monitors air quality in real-time, perfect for environmental awareness campaigns NullMail keeps things simple and secure what's your go-to tool this week?

found this here: https://hackernoon.com/hackernoon-projects-of-the-week-ravasend-pollusensweb-and-nullmail?source=rss

7f50e No.1398

File: 1774668280474.jpg (317.6 KB, 1080x809, img_1774668267697_oafosh5e.jpg)ImgOps Exif Google Yandex

what exactly is ravasend and how does it fit into web design? ⬆



File: 1774631114944.jpg (417.45 KB, 1280x852, img_1774631110015_l7tur7jb.jpg)ImgOps Exif Google Yandex

88eb3 No.1396[Reply]

penned by someone who stumbled upon this case study in 2026 and thinks it's worth sharing.

check out how pell melle reimagines creative discovery through immersive scrolling, restrained interactions that feel like flipping pages of an elegantly designed magazine. their use of editor-inspired design elements really hits the spot! they also have a performance-conscious visual system to boot ⚡

what do you think about using editorial techniques in web designs? does it make browsing more engaging for ya?

more here: https://tympanus.net/codrops/2026/03/27/pell-mell-crafting-a-visual-exploration-platform-with-editorial-rhythm/


File: 1774588522959.jpg (552.1 KB, 1280x1280, img_1774588515178_l5fv32l4.jpg)ImgOps Exif Google Yandex

ab97d No.1394[Reply]

Retro Futurism
''Figma,Sketch: The trend of '90s aesthetics is making a comeback! Bold colors, pixel fonts, neon accents. It's not just nostalgia; it's about creating an engaging experience that stands out.
>Remember those clunky websites from the early 2010s? Yeah. winkWCAG,Axe DevTools: Accessibility is no longer a buzzword; it's mandatory. Tools like Axe help ensure your designs are inclusive for everyone.
> If you're not using accessibility checks regularly in 203X,
Sustainable Design
''Carbon Footprint,Eco-Friendly Hosting: Sustainability is key now and will only grow. Websites that prioritize eco-friendly hosting or use renewable energy sources are gaining traction.
> Going green isn't just a trend; it's the future of web design!
[
body { background: linear-gradient(to bottom, 5%, transparent); }
]
Final Word : Embrace these trends and make your designs not only visually stunning but also responsible.

ab97d No.1395

File: 1774589762509.jpg (41.86 KB, 1880x1058, img_1774589748668_f8tf518x.jpg)ImgOps Exif Google Yandex

responsive design is still king, but dont underestimate adaptive layouts for better performance on various devices

for a unique twist, consider using css variables and custom properties to easily switch between dark mode ⚡light theme combinations without breaking your site's layout. this makes updating themes super easy!

also check out web components - theyre gaining traction fast with their reusable elements that work across frameworks ✨



File: 1774508720890.jpg (91 KB, 1880x1253, img_1774508713228_s92w8xgc.jpg)ImgOps Exif Google Yandex

8f51e No.1389[Reply]

after years of designing websites, maria vargas found her next big adventure in gaming. it's been a wild ride! she shares how creativity took center stage and opened new doors for her career.

what do you think led mariA into the world oF gamE UI? any tips on making that transition yourself?

career pivot
after working as an web designer, maria discovered game ui design. it was a huge shift but incredibly rewarding. she says, "the challenge of creating immersive experiences really drew me in." she also mentions how collaborating with developers and artists made the process so much fun.
have you ever switched fields like this? share your experience!

article: https://tympanus.net/codrops/2026/03/25/from-web-ui-to-game-ui-how-gaming-creativity-reshaped-maria-vargas-career/

9861f No.1390

File: 1774510853171.jpg (160.08 KB, 1280x853, img_1774510839510_gaxagrhv.jpg)ImgOps Exif Google Yandex

if you're transitioning from web design to game ui,figma might be a great tool since it supports both static and interactive designs well for games too

also check out some tutorials on animation states in figma - they can rly help make your ui elements feel more dynamic! ⚡



File: 1774459289530.jpg (80.83 KB, 1100x563, img_1774459282749_3sxeqwva.jpg)ImgOps Exif Google Yandex

ff390 No.1387[Reply]

i stumbled upon this cool tip from concept artist mark zhang: when designing your spaceship , use intricate mechanical details ⌨️ and set it against an expansive cosmic backdrop ☄. makes for some stunning visuals!

what do y'all think about using 3d renderings to enhance the effect?

article: https://www.creativebloq.com/art/digital-art/how-to-make-a-spacecraft-design-stand-out-from-the-cosmos

ff390 No.1388

File: 1774459533925.jpg (204.27 KB, 1280x584, img_1774459520927_iwxu4v1o.jpg)ImgOps Exif Google Yandex

keep pushing it! you got this, designing a spacecraft in space can be wild and fun with just some clever shading tricks Try using gradient maps to simulate how light interacts differently on different surfaces under sunlight or artificial lights from your ship. Also, don't forget about the lens flares for those dramatic moments around engines firing up! ⭐✨



File: 1774422308978.jpg (174.25 KB, 1880x1253, img_1774422301450_dhnyf01p.jpg)ImgOps Exif Google Yandex

9d9fd No.1386[Reply]

ann handy just dropped a list of 13 amazing handmade presents perfect for creatives like us. i'm excited to check them out! what's your go-to gift when you want smth truly personal and meaningful? ⚡

link: https://annhandley.com/analog-gifts-marketers-writers/


File: 1774379640921.jpg (214.66 KB, 1880x1253, img_1774379634114_05pnkfew.jpg)ImgOps Exif Google Yandex

5d2c7 No.1384[Reply]

check out how they built their topographic web presence! ️ its like walking through a 3d map with vintage textures and smooth animations. really gives you that sense of place. what do y'all think about using sooo much tech to explore history? ➡

article: https://tympanus.net/codrops/2026/03/24/digital-craft-wild-soul-building-san-ritas-topographic-web-experience/

873b3 No.1385

File: 1774380818616.jpg (86 KB, 1080x719, img_1774380805153_gvrabf2t.jpg)ImgOps Exif Google Yandex

>>1384
in 2026, san rita's digital landscape experience is a marvel of modern web design ⭐

the site uses progressive enhancement to ensure accessibility and performance across devices tablet users will get an optimized interface while maintaining core functionality for all.

a key feature leverages server-side rendering (ssr) with react on the backend, providing fast initial load times without sacrificing interactivity using next. js ensures this.

for dynamic content like user profiles or events listings, they implemented a micro frontend architecture using webpack and storybook ️this setup allows for modular development where each component can be independently tested before deployment.

the site also employs lazy loading techniques to defer non-critical resources until needed ⬆and uses service workers with caching strategies from workbox library to improve offline experience.

lastly, san rita's use of web components and custom elements like <san-rita-profile
> makes the codebase more reusable across different parts of their site or even other projects.

overall a fantastic implementation that sets new standards for responsive design in 2026!



File: 1774336917261.jpg (91.57 KB, 1080x720, img_1774336907524_hrgpr4xr.jpg)ImgOps Exif Google Yandex

71656 No.1381[Reply]

Design for speed? Or design to impress?
In 2026 we still grapple with this dilemma: should a site prioritize load times over pixel-perfect aesthetics? unpopular opinion '''
Performance wins. Every time.
The faster your page, the better user experience you deliver - and thats what matters. Sure, some might argue ''Google Fonts are just 10ms slower than system fonts.
But who cares about those measly milliseconds? Users dont wait; they bounce if something isnt instant enough.
>Imagine a designer saying "Nah, let's stick to custom Google Sans for that subtle elegance"
>>vs
>>>just use the default sans-serif and get it done already
The difference is clear.
''Lighthouse scores be damned - real users dont care about those metrics as long theyre not waiting.
sooo why load extra fonts when you can have a crisp, fast page?
body { font-family: system-ui; }

'''bold take
Designing with performance in mind isnt just the future of web design - its already here. Embrace speed over style. What do YOU think?
Tweet your thoughts @WebPerfMatters

71656 No.1382

File: 1774337168060.jpg (143.98 KB, 1880x1253, img_1774337152984_pe4jj8n0.jpg)ImgOps Exif Google Yandex

>>1381
using a tool like lighthouse can help you balance performance and design fidelity by giving real insights into how optimized elements of both are performing on live sites ✨ If an element is holding back load times, consider simplifying it or optimizing images without sacrificing too much visual quality. its all about finding that sweet spot where users get a fast experience but also see your best work!

71656 No.1383

File: 1774345714027.jpg (127.86 KB, 960x601, img_1774345698966_hejfy4e3.jpg)ImgOps Exif Google Yandex

web performance is a game-changer now with faster load times and lower latency being key differentiators. i've been playing around more w/ webp images & lazy loading, seriously boosts speed without sacrificing much on design

i alsooo dove into some new css techniques like css grid for layout - it's so powerful but still a bit tricky to master. any tips or gotchas you hit while using them?



File: 1774299904335.jpg (274.52 KB, 1280x854, img_1774299893729_jm0bhza0.jpg)ImgOps Exif Google Yandex

87d68 No.1379[Reply]

i was digging through some old projects this week when i stumbled upon a section that talked about how to integrate visuals once you've got ai and prompts up & running. it covered who owns what, refining designs for production use. pretty useful stuff!

ime, the hardest part is often getting everyone on board w/ making those final tweaks b4 launch ⬆️.
any tips or tricks y'all have found work well in this phase?

found this here: https://webflowmarketingmain.com/blog/visual-development-stack

87d68 No.1380

File: 1774302191425.jpg (44.02 KB, 1080x720, img_1774302177116_05vd72vw.jpg)ImgOps Exif Google Yandex

visual dev has shifted towards being an integral part of our workflow, with tools like webflow and custom css frameworks driving development more efficiently than ever before

were seeing a rise in pre-processor usage (like sass or less) for dynamic styling that scales better across projects ⚡

automated testing via libraries such as jest has also integrated nicely into the dev process, allowing devs to focus on design without worrying about browser compatibility issues ✅



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