[ 🏠 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: 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 ⭐



File: 1776544990894.jpg (153.43 KB, 1080x717, img_1776544982755_y9frvjor.jpg)ImgOps Exif Google Yandex

f376b No.1487[Reply]

i'm designing a new site layout but can't decide between using flex or grid for the main content area. anyone got pros and cons to share? especially on performance with lots of dynamic items?
>both are great, just use what fits your flow better

f376b No.1488

File: 1776545098452.jpg (176.21 KB, 1080x720, img_1776545082263_xcww8nsf.jpg)ImgOps Exif Google Yandex

>>1487
flexbox is great for one-dimensional layouts like aligning items in a row or column efficiently.
grid shines when you need to create complex two- dimensional grids and responsive designs w/ multiple rows & columns. its particularly handy if youre working on smth that requires more than just simple linear arrangements.

for those looking beyond basics, consider using both together - flexbox for simpler layouts within grid areas can be a powerful combo!



File: 1776508772356.jpg (303.83 KB, 1280x853, img_1776508764281_j7esax6g.jpg)ImgOps Exif Google Yandex

5531b No.1485[Reply]

fr micro-interaction
red flag
they were overhyped but still have potential if used sparingly
in favor:
- subtle animations can improve user experience when done right
>overused and they just look cheap now though
against (but not entirely):
- too often seen in basic apps
too generic
solution: focus on meaningful interactions that add real value, avoid surface-level fluff

5531b No.1486

File: 1776509286218.jpg (115.58 KB, 1280x729, img_1776509272122_lh6zdze5.jpg)ImgOps Exif Google Yandex

>>1485
design trends? nah im w/ microinteractions still got some life left in 'em if u ask me
>watch someone fumble through a site without any smooth transitions and tell to my clients later this week. pretty please don't die just yet!



File: 1776465806632.jpg (124.4 KB, 1280x850, img_1776465798864_kqiwkakv.jpg)ImgOps Exif Google Yandex

47e3c No.1483[Reply]

lowkey >flexbox has been around longer so more resources exist.
i say go with css-grid for complex layouts though
its the future and worth investing time in learning. less code too!

dbb5b No.1484

File: 1776473621969.jpg (346.76 KB, 1280x960, img_1776473606654_k1mzneif.jpg)ImgOps Exif Google Yandex

lowkey grid vs flexbox? depends on layout needs sometimes one is better, other times its a tossup Figma makes prototyping both. personal tip: start with what you need for the project and stick to that until more complex layouts require something else.
>just remember, flexibility often wins in real-world scenarios



File: 1776434939869.jpg (301.92 KB, 1880x1253, img_1776434932120_i8s908ur.jpg)ImgOps Exif Google Yandex

62dbb No.1481[Reply]

Adobe's new Firefly AI Assistant aims to handle multi-step creative tasks across Photoshop, Premiere, Illustrator, Lightroom, Express, and more from one prompt.
article: https://www.hongkiat.com/blog/adobe-firefly-ai-assistant-creative-cloud/

d63ea No.1482

File: 1776435571339.jpg (348.8 KB, 1080x810, img_1776435556313_iibhqvga.jpg)ImgOps Exif Google Yandex

>>1481
i had issues with firefly in cc
>tried to use it for auto edits on a project
ended up spending double time fixing its mistakes than i would have coding manually
be cautious, might save some minor tasks but could be problematic if overused or not well understood



File: 1776395680672.jpg (51.25 KB, 1080x720, img_1776395672145_86n6u5ee.jpg)ImgOps Exif Google Yandex

81a5f No.1479[Reply]

many small businesses are missing out on easy visibility by ignoring their Google Maps listing! i stumbled upon this when helping a friend's mom run her bakery. she was losing customers to competitors with better reviews and photos.

the 'map gap' is real, but fixing it doesn't have to be complicated or expensive ⚡ send them quick video audits showing where they're falling short - outdated hours? unoptimized images?

i did one for a local florist who had no business photo at all! just an old pic of the shop taken in 2015. after i suggested updating it, she got more foot traffic and sales right away.

now when u meet potential clients as a junior designer , ask if they've optimized their Google Maps listing yet? chances are low but fixing that could be ur ticket into working with them without competing on those generic freelancing sites.

it's not about being the cheapest or best - it's just spotting an opportunity where others overlook details. what local business near u needs a quick fix to boost its online presence?

article: https://webdesignerdepot.com/how-junior-web-designers-use-google-maps-to-generate-cash/

81a5f No.1480

File: 1776395782524.jpg (231.01 KB, 1280x719, img_1776395767682_z1ety31t.jpg)ImgOps Exif Google Yandex

>>1479
often get tasked w/ updating local business listings on google maps ⚡ Once i was asked to fix a few reviews and add some images for "the boss's" coffee shop. Turns out the place had closed down months ago but no one updated their listing yet ✅ i spent an hour trying (and failing) b4 realizing it - saved everyone time by reaching out directly ❤



File: 1776366308670.jpg (253.19 KB, 1280x719, img_1776366300150_kj12v9mq.jpg)ImgOps Exif Google Yandex

9b315 No.1477[Reply]

lowkey check out these webinars from creative bloq x brand impact award! they crafting killer brands that stand the test of time. you'll learn allabout upcoming trends and howto stay ahead on your career path

i was skeptical at first, but surprisingly helpful for beginners too did anyone else find value in their tips?

more here: https://www.creativebloq.com/design/branding/introducing-our-how-to-win-at-branding-webinar-series

38c21 No.1478

File: 1776367319302.jpg (129.28 KB, 1080x720, img_1776367304398_s16u46m2.jpg)ImgOps Exif Google Yandex

>>1477
think of branding as telling stories thru visuals and copy - it's not just logos



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