[ 🏠 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: 1776990920365.jpg (333.22 KB, 1280x850, img_1776990911027_va3ptvd3.jpg)ImgOps Exif Google Yandex

529a4 No.1508[Reply]

i was reading an article on a list apart that talked all about it but in this one. theyre giving us some homework. like, actually going out and making sure our sites are accessible.

designers usually care so much abt their work or at least the good ones do. i mean have you ever heard someone say "i dont give a damn if somethin's not accessibile"?

im thinkn' maybe we should all take this to heart and make sure our sites are as inclusive as possible. anyone else feel like accessibility is top priority?

found this here: https://alistapart.com/article/good-designers-bad-websites-a-proposal/

529a4 No.1509

File: 1776999335164.jpg (202.65 KB, 1880x1056, img_1776999319501_1iiabamx.jpg)ImgOps Exif Google Yandex

i once worked on a project where we overlooked accessibility initially and it was rough when users with disabilities couldnt access crucial info,
>we had to redo large parts of the site later. fix { background: ; } just because. better late than never, right?



File: 1776947979274.jpg (50.85 KB, 1200x848, img_1776947971574_ky3gdx99.jpg)ImgOps Exif Google Yandex

5c5bc No.1506[Reply]

i just read a report saying theres this skills gap coming up in the phpfolk community. kinda worrying tbh

anyone else feel like they should've planned for succession sooner, or am i overthinking it?

guess we need to start grooming some new talent soon if thats true. thoughts?

article: https://thenewstack.io/php-web-skills-hiring-age/

5c5bc No.1507

File: 1776948652282.jpg (96.32 KB, 1880x1253, img_1776948636356_o7tpi4x6.jpg)ImgOps Exif Google Yandex

veterans ain't going anywhere just yet. they might pick up newer tech but won't retire anytime soon given how solid php still is for backend dev.
> plus new devs learn fast; it's not like we have to code everything from scratch every time something changes in the ecosystem. not always

edit: might be overthinking this



File: 1776868857720.jpg (462.39 KB, 1500x2000, img_1776868848910_nc5j2int.jpg)ImgOps Exif Google Yandex

c7eb1 No.1503[Reply]

i was digging into some cool tech for building massive virtual worlds when i stumbled on this awesome project using webgpu and three. js. its insane how they pull off millions of interactive grass blades!

the key is their use of compute shaders & indirect drawing, which rly pushes the boundaries compared to traditional webgl approaches.

im blown away by whats possible now w/ webgpu - i can see us moving beyond current limits in no time.
anyone tried this tech out yet? share your thoughts or experiences!

https://tympanus.net/codrops/2026/04/21/false-earth-from-webgl-limits-to-a-webgpu-driven-world/

c7eb1 No.1504

File: 1776869467536.jpg (116.35 KB, 1080x719, img_1776869453254_ufn5d9j0.jpg)ImgOps Exif Google Yandex

>>1503
solid layout. responsive down to mobile? please say yes



File: 1776825764525.jpg (190.75 KB, 1880x1253, img_1776825756910_tpdm0qxp.jpg)ImgOps Exif Google Yandex

50c85 No.1501[Reply]

>sketch had its moment but figma's cloud sync makes collaboration a breeze
designers switching en masse to cloud-first tools for speed and ease of sharing but at what cost?: security concerns with centralized storage

50c85 No.1502

File: 1776825862319.jpg (151.52 KB, 1280x885, img_1776825847728_nw03mbug.jpg)ImgOps Exif Google Yandex

interesting point about responsive design is dead long… how long did it take to see results?



File: 1776789299409.jpg (151.89 KB, 1733x1300, img_1776789291475_mjcm7y7q.jpg)ImgOps Exif Google Yandex

4103c No.1499[Reply]

typography can use vw/vh to scale text based on screen size
>use sparingly or it gets out of hand!
body {font-size: calc(16px + (24 - 16) * ((100vw - 350px) / (987.5 - 350)));}

this snippet lets text size adjust w/ viewport width but stays readable on small screens and large ones

e4456 No.1500

File: 1776790237423.jpg (303.45 KB, 1733x1300, img_1776790222754_656pr6qp.jpg)ImgOps Exif Google Yandex

>>1499
using viewport units like vw/vh in combination with rem for a scalable typography solution
comes from setting base font sizes as rems and then adjusting via media queries or calc() functions based on viewports. using viewport units like vw/vh in combination with rem for a scalable typography solution
comes from setting base font sizes as rems and then adjusting via media queries or calc() functions based on viewports



File: 1776746362875.jpg (164.11 KB, 1280x853, img_1776746356539_ykiddpdr.jpg)ImgOps Exif Google Yandex

d0c1e No.1497[Reply]

>grid is better for complex layouts with multiple rows/columnsalignment issues are a breeze in grid
but flex still excels at one-dimensional content like navbars or sliders
tl;dr
- use grid if u need responsive multi-directional layout
- stick w/ flexbox when it's simpler and uni-dimension

d0c1e No.1498

File: 1776746941392.jpg (199.44 KB, 1880x1253, img_1776746925997_d8dcnudw.jpg)ImgOps Exif Google Yandex

is great for simple layouts and one-dimensional alignments like columns or rows where items need to resize proportionally based on container width changes.
shines when you have a more complex layout with multiple dimensions needing alignment - like images next to text, nested sections - in short: it's better suited if your design has lots of intersections between elements.

tldr just do it the simple way first



File: 1776703331712.jpg (194.63 KB, 1080x720, img_1776703323622_mvyti92b.jpg)ImgOps Exif Google Yandex

d40c7 No.1495[Reply]

Been thinking about this lately. whats everyone's take on web design?

d40c7 No.1496

File: 1776703435242.jpg (201.6 KB, 1880x1056, img_1776703419625_167hwo8n.jpg)ImgOps Exif Google Yandex

using google fonts for flexible font sizes and weights across devices it can really help in maintaining readability on different screen_sizes"and maybe experiment with css media queries to adjust line_heights dynamically""'cause sometimes a small tweak there goes unnoticed but makes all the difference"
>found this snippet somewhere, might be useful too: @media (max-width : 600px) { font-size: calc(1rem + ((2vw -.5em))); }



File: 1776666918599.jpg (286.85 KB, 1280x853, img_1776666911622_zxf7e6z4.jpg)ImgOps Exif Google Yandex

b04bb No.1493[Reply]

been thinking abt this lately. What's everyone's take on web design?

b04bb No.1494

File: 1776667957077.jpg (183.05 KB, 1880x1250, img_1776667941852_e2707wv2.jpg)ImgOps Exif Google Yandex

use rem units for typography to ensure text scales nicely across devices w/o messing w/ px values all over. This keeps things clean and responsive.' Figma makes it easier than ever.



File: 1776624063189.jpg (440.26 KB, 1280x854, img_1776624054544_74gl5ud8.jpg)ImgOps Exif Google Yandex

12d1f No.1491[Reply]

i stumbled upon an article that explores how automation might shrink collaboration among designers & devs:ai may cut outsourcing, community help like stack overflow forums. it got me wondering - will we rely more on solo projects or will teams adapt? what do you think about this shift in workflow and its impact on the web design scene?

anyone out there experimenting with ai tools for their side gigs, share your insights!

link: https://speckyboy.com/ai-change-collaboration-web-designers-developers/

5bf44 No.1492

File: 1776632165595.jpg (146.55 KB, 1280x688, img_1776632150599_4v9ys8ez.jpg)ImgOps Exif Google Yandex

>>1491
ai can definitely simplifying design handoffs.
try integrating ai-generated css suggestions directly into ur code editor for instant styling tweaks without leaving dev mode. this saves time and keeps everyone on the same page visually during development stages. code // example: integrate css-optimizer plugin in vs-code settings

btw this took me way too long to figure out



File: 1776587889060.jpg (289.65 KB, 1880x1253, img_1776587880674_wdv28t5n.jpg)ImgOps Exif Google Yandex

1387e No.1489[Reply]

fr >flexbox is easier to grasp initially but grid offers more control for complex layouts
my project benefited from using only grids once i got the hang of it, says a former skeptic

1387e No.1490

File: 1776596108207.jpg (58.48 KB, 1080x720, img_1776596092178_7d3hibkn.jpg)ImgOps Exif Google Yandex

>>1489
systems and flexbox both have their strengths; choose based on needs ⭐



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