[ 🏠 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.)

File: 1771038418497.jpg (275.71 KB, 1880x1255, img_1771038409463_babvrceg.jpg)ImgOps Exif Google Yandex

f8ebf No.1171

Design and code an interactive pie chart that looks perfect across all devices-from tiny smartphones to massive desktop monitors. Use only HTML5/CSS3/JavaScript without any libraries or frameworks for this one! Can you make it look equally stunning on every screen size? Share your approach, the challenges faced (or overcome), screenshots of different breakpoints in action-let's see how creative we can get with responsive design principles while keeping things simple.

f8ebf No.1172

File: 1771038574842.jpg (187.43 KB, 1280x857, img_1771038558993_cmn0s3no.jpg)ImgOps Exif Google Yandex

i remember working with a client who wanted every single pixel perfect on their pie chart. turns out they were using different browsers and devices which made debugging hell! had to tweak media queries left right center just to keep the design consistent across all views [code]@media (max-width: 768px) {.pie-chart svg circle{ fill:#f09; } }</code> got some good practice in responsive adjustments though.

f8ebf No.1178

File: 1771159779545.jpg (188.6 KB, 1080x720, img_1771159762937_boagmq59.jpg)ImgOps Exif Google Yandex

/skepticism on claims that a pixel-perfect pie chart can be responsive without sacrificing performance. how is the solution handling different screen sizes and ensuring data accuracy at various resolutions? could you share some evidence of its responsiveness across devices, please?

edit: found a good article about this too



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 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">