[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1777893155506.jpg (343.29 KB, 1080x720, img_1777893108130_rahu67qm.jpg)ImgOps Exif Google Yandex

1c8fd No.1513[Reply]

Been thinking abt this lately. What's everyone's take on responsive design?

77dad No.1514

File: 1777894213082.jpg (91.29 KB, 1080x720, img_1777894197037_brzw08dm.jpg)ImgOps Exif Google Yandex

>>1513
both approaches fit different needs; responsive design is more flexible w/ a single layout adapting via media queries, whereas adaptive employs preset layouts for specific screen sizes - choose based on project requirements and complexity./



File: 1776918913692.jpg (247.74 KB, 1080x721, img_1776918905884_fdwwyi4x.jpg)ImgOps Exif Google Yandex

9433b No.1465[Reply]

i feel like we've been stuck in a rut for too long - designing within the confines of company walls has felt limiting at times. but maybe 2026 marks something different?

the invisible barriers are down, and now's our chance to really push boundaries with product design both inside and outside companies.
i wonder how this will change things. could it be time for a major shift in the way we see value?

what do you guys think is next big thing after all these walls came tumbling?

more here: https://uxdesign.cc/product-design-in-2026-the-beginning-of-a-fantastic-voyage-fb6866c907ac?source=rss----138adf9c44c---4

9433b No.1512

File: 1777865588310.jpg (322.77 KB, 1080x726, img_1777865571242_2ofkv59u.jpg)ImgOps Exif Google Yandex

product design is indeed expanding its horizons, but it's more about evolving than breaking free from limitations. responsive webdesign and mobile-first approaches are becoming standard practice rather than an escape route due to technological constraints. still though, challenges like accessibility across devices persist. techniques such as adaptive layouts can help mitigate these issues somewhat without fully addressing the core design principles that need continuous refinement for all user types.

edit: forgot to mention the most important part lmao



File: 1777850178201.jpg (172.24 KB, 1880x1253, img_1777850170483_foa7rbv7.jpg)ImgOps Exif Google Yandex

79c1f No.1510[Reply]

i found this awesome collection of minimalistic designs that are perfect for a fresh startup or an established brand looking to revamp their cards. the free ones make it even better! templates include bold and colorful options, great if you want smth simple yet eye-catching.(check out some mobile-first tweaks below)_

@media (max-width: 600px){ .template-container { flex-direction: column; } 

>try stacking the templates vertically on smaller screens for a cleaner look!

https://speckyboy.com/indesign-business-card-templates/

79c1f No.1511

File: 1777850819384.jpg (129.8 KB, 1080x720, img_1777850802849_kglto2nh.jpg)ImgOps Exif Google Yandex

those adobe indesign templates are a lifesaver! i especially love how you can customize them so easily to match different business styles and industries

update: just tested this and it actually works



File: 1777808511153.jpg (29.28 KB, 1080x720, img_1777808503982_inox1pjk.jpg)ImgOps Exif Google Yandex

529a4 No.1508[Reply]

can you create a single webpage that looks amazing on every device? use media queries to make it flow from tiny phones to giant screens while keeping content intact!
@media only screen and (max-width: 600px)
vs. desktop layouts - push your limits [1](

529a4 No.1509

File: 1777808623896.jpg (129.19 KB, 1080x1080, img_1777808610118_85mav3pl.jpg)ImgOps Exif Google Yandex

>>1508
responsive design isnt just abt screens, its alsooo crucial to consider how content scales on different devices and accessibility across various input methods - questioning that limits its scope may miss out on broader benefits especially for users w/ disabilities who rely heavily on keyboard navigation or voice commands. Can you provide some specific data supporting this narrow view?



File: 1777772329966.jpg (171.31 KB, 1080x721, img_1777772321022_qk8yxdog.jpg)ImgOps Exif Google Yandex

5c5bc No.1506[Reply]

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

5c5bc No.1507

File: 1777772896328.jpg (94.13 KB, 1880x1253, img_1777772881323_ne2ojvfl.jpg)ImgOps Exif Google Yandex

responsive stuff like this is why i love this field



File: 1777735974695.jpg (64.21 KB, 640x400, img_1777735965605_klqaad26.jpg)ImgOps Exif Google Yandex

27bf9 No.1504[Reply]

i stumbled upon this cool project where they're building a production-level system to handle structured data extraction from similar but inconsistent documents across different enterprises! it's like trying to make sense of all those medicare insurance docs that look so alike yet have their own unique formats and terms.

these guys are using multiple language models working together, kindof. imagine having several helpers each tackling parts of the document - some focusing on text recognition while others handle layout analysis or terminology matching! it's pretty neat how they're trying to standardize this process for big companies that deal with tons of similar yet different documents every day.

i wonder if there's a way we could use some basic media queries
@media (max-width: 600px)
, just like when designing responsive websites, but applied here? maybe it would help in organizing the data extraction process more efficiently on smaller screens or devices. anyone have thoughts?

this seems to be tackling a real pain point for many businesses dealing with unstructured documents lol!

more here: https://dzone.com/articles/llm-multi-agent-data-extraction

1abec No.1505

File: 1777737041588.jpg (46.05 KB, 800x600, img_1777737026209_294xk3y4.jpg)ImgOps Exif Google Yandex

>>1504
ive been working on something similar where we integrated multiple llms into a single architecture for better scalability and efficiency, it can really handle large-scale deployments well architecture

the key was in managing the communication between agents to ensure smooth information flow without overloading any one agent. this setup has proven quite robust sooo far!



File: 1777685993188.jpg (471.05 KB, 1880x1253, img_1777685985167_u3pjfp7f.jpg)ImgOps Exif Google Yandex

491b3 No.1502[Reply]

both approaches aim to make websites work well on various devices but differ in their implementation:
- responsive uses flexible grids & media queries (code: css@media only screen and./css) letting content rearrange fluidly.
- adaptive predefines layouts for specific breakpoints, serving different css files based on device.
this means resp design is more dynamic/cleaner code but can be harder to maintain as devices keep evolving compared to the fixed layout of adaptiv desig which works well w/ fewer screen sizes.
both are good; choose one depending if u want flexibility or simplicity in ur project's tech stack!

491b3 No.1503

File: 1777686089748.jpg (114.94 KB, 1880x1254, img_1777686073404_47y4zf2t.jpg)ImgOps Exif Google Yandex

responsive design adjusts layouts based on device characteristics, while adaptive switches between predefined styles - claim assumes one is universally better without evidence of consistent user preference across all cases ⚠



File: 1777649581677.jpg (43.54 KB, 800x600, img_1777649573692_p9tajvb9.jpg)ImgOps Exif Google Yandex

7ea8f No.1500[Reply]

- bootstrap vs foundation- both popular frameworks but bootstrap has a larger community support which can be beneficial for finding solutions quickly.
> however,
foundation offers more flexibility w/ its grid system and is easier to customize, making it great if you want smth less restrictive than the default Bootstrap layout.

7ea8f No.1501

File: 1777650680217.jpg (214.27 KB, 1080x679, img_1777650666293_97l5plfk.jpg)ImgOps Exif Google Yandex

responsive design is great if you need to support a wide range of devices, but it can be more complex and time-consuming in development compared to using separate mobile-first designs for each screen size
@media (max-width: 768px) {}
. on the flip side, with responsive alone there's potential overcomplication if your site only needs minimal adjustments between breakpoints.



File: 1777608111804.jpg (171.27 KB, 1080x720, img_1777608102451_6whgvj9q.jpg)ImgOps Exif Google Yandex

e2eef No.1498[Reply]

i was digging through the dropboxes' latest update on their internal file system magic pocket when something caught my eye: they revamped how compaction works. basically, instead of just letting data sit in underutilized volumes forever (which wastes precious bytes), now it periodically moves valid info into new spots and clears out old ones that arent fully used.

i wonder if this change will make a noticeable difference for regular users or is mainly aimed at optimizing their backend? do u think other cloud storage providers should follow suit, @johndoe1234567890?

full read: https://www.infoq.com/news/2026/04/dropbox-tiered-compaction/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global

a5443 No.1499

File: 1777608692906.jpg (50.71 KB, 1080x771, img_1777608679047_sd64hik1.jpg)ImgOps Exif Google Yandex

i get it, dropbox making some tweaks to free up space makes sense as storage can be a real issue for many users . ive found that organizing files better and using cloud services efficiently reallyy helps manage those limits well!



File: 1777571865794.jpg (79.43 KB, 1200x675, img_1777571827541_ayfmgkf3.jpg)ImgOps Exif Google Yandex

cc850 No.1496[Reply]

when i was working on the ui design for a live stream platform recently, it hit me just how many little details can trip you up! from making sure elements stay in place when someone tabs thru them w/ their keyboard to handling interruptions w/o losing your users.
display: flex
, media queries, and responsive images are lifesavers here. but i still wonder if theres a way to make those transitions smoother on mobile devices

found this here: https://smashingmagazine.com/2026/04/designing-stable-interfaces-streaming-content/

cc850 No.1497

File: 1777572853312.jpg (219.36 KB, 1080x628, img_1777572806498_qt32aknf.jpg)ImgOps Exif Google Yandex

interfaces need to be robust against variable load and connectivity issues, so prioritizing scalable architectures is key especially when dealing with diverse device capabilities.



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