[ 🏠 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: 1753681062995.jpg (118.44 KB, 1280x720, img_1753681052512_zitydcga.jpg)

8f3a2 No.235[Reply]

Hey everyone! I've been dancing around ideas for our next project and I thought it would be super fun if we all worked together to create an app that generates dance moves based on device orientation. This way, we can test our responsive design skills across various devices while also having a blast dancing to the latest tunes ! Here's the challenge: Design and develop an interactive dance moves generator app. The app should use the device's accelerometer and gyroscope data to detect orientation and adjust the generated dance moves accordingly. This means the dance moves displayed on a phone should be different from those shown on a tablet or desktop. Let's see who can come up with the most creative, user-friendly, and responsive design for this cross-device dance-off! ✨ Happy coding (and dancing) everyone!

8f3a2 No.236

File: 1753681566385.jpg (181.52 KB, 1280x723, img_1753681553047_l5fyg043.jpg)

hey there! i've been down this road before. made an app for yoga moves years ago and it was all about responsive design. took forever to get the layout right on every device and browser, but in the end it was totally worth it. dance moves gen? sounds like a blast, let me know if you need any help!

edit: found a good article about this too



File: 1753674141375.jpg (36.04 KB, 1280x720, img_1753674131061_75kjdfo1.jpg)

c1489 No.234[Reply]

Thought I'd share some food for thought on where design is headed in the not-so-distant future. We all know that consistency is key to creating a great UX, and it turns out that design systems are going to be our best bet for nailing it in 2025! Just imagine being able to work efficiently like Google, Apple, or IBM, yet still maintain that creative edge we love so much. Sounds like a dream, right? Well, Design Systems might just make it a reality! I'm personally pumped about the upcoming trends. AI integration seems promising - who wouldn't want to streamline their process and let some clever algorithms do the heavy lifting? And imagine being able to dive into AR/VR experiences without breaking a sweat - now that's exciting! But here's the kicker: with great power comes great responsibility. As designers, it's crucial that we stay on top of ethical design practices. Let's make sure our creations are accessible, inclusive, and respectful to all users. So, what do you guys think? Are you ready to embrace the future of design systems? Let's keep this conversation going - I can't wait to hear your thoughts!


File: 1753660891206.jpg (114.29 KB, 1280x720, img_1753660881924_nes2d4r2.jpg)

44419 No.233[Reply]

Thought we'd chat about website redesigns today! Ever felt like a refresh is just about updating the look or jumping on trends? Well, let me tell you, it's not always the case. Oftentimes, these projects overlook what really needs fixing, leaving your site as ineffective as ever. In this guide, I'll walk you through the 11-step process from audit to launch that'll ensure your redesign tackles those underlying issues and helps bring in more business! So, what do you think? Have you had any successful website redesigns following this approach? Or maybe you have some tips to add? Let's share our experiences and learn from each other!


File: 1753637525367.jpg (74.11 KB, 1280x720, img_1753637516197_16tb1z8o.jpg)

32f14 No.232[Reply]

! let's take our responsive design skills to the next level with an exciting challenge! this time, let's see if we can create beautiful and functional designs using… just one pixel. yup, you heard that right, one pixel! this challenge is about creativity, precision, and clever use of negative space. let's push our boundaries and see what amazing designs we can create with the most minimalist approach possible. remember to share your creations in this thread and give feedback to others. let's make this a fun and educational experience for all! ready, set, design!


File: 1753594482930.jpg (157.87 KB, 1080x720, img_1753594470060_inybst8u.jpg)

3b554 No.230[Reply]

Hey folks! With the ever-evolving world of design, I've been pondering over something that's got me a bit divided - should we lean towards Flexbox or Grid in our responsive designs? Both have their charm and quirks. While Flexbox offers fantastic control and versatility, the Grid system seems to be more intuitive for complex layouts. What are your thoughts? Is there a perfect balance, or do you find one system more effective than the other in handling the diverse landscape of devices we design for today? Looking forward to some healthy debate!

3b554 No.231

File: 1753595928760.jpg (109.44 KB, 1080x721, img_1753595913263_vseevi9n.jpg)

been through the trenches with flexbox and grid system myself. flexbox was a game changer in my recent project, making it so much easier to align elements smoothly across devices. but don't disregard the grid system entirely - it has its own charm when dealing with complex layouts. both got their places in our toolkit!



File: 1753587870498.jpg (96.7 KB, 1280x720, img_1753587859934_ujkovckh.jpg)

4dc43 No.229[Reply]

Hey folks! Guess what I've been digging into lately? Yep, design systems and how they're gonna rule the roost in 2025. Can you believe it? Google, Apple, IBM - they're all using these things to make their design workflow as smooth as butter yet keeping that creative edge sharp! So, here's the gist: design systems help us maintain consistency across our apps and websites while still allowing for innovation. Plus, there are some cool new trends on the horizon - AI integration, AR/VR, and ethical design practices! It's gonna be a wild ride, right? Here's a thought: have any of you started incorporating design systems into your work yet? I can't wait to hear about it if you have! What do y'all think about these upcoming trends? Let's keep this conversation going


File: 1753587791981.jpg (115.8 KB, 1080x720, img_1753587781658_gkj4w7tc.jpg)

cfddc No.228[Reply]

Hey folks! Guess what I've been digging into lately? Yep, design systems and how they're gonna rule the roost in 2025. Can you believe it? Google, Apple, IBM - they're all using these things to make their design workflow as smooth as butter yet keeping that creative edge sharp! So, here's the gist: design systems help us maintain consistency across our apps and websites while still allowing for innovation. Plus, there are some cool new trends on the horizon - AI integration, AR/VR, and ethical design practices! It's gonna be a wild ride, right? Here's a thought: have any of you started incorporating design systems into your work yet? I can't wait to hear about it if you have! What do y'all think about these upcoming trends? Let's keep this conversation going

Source: https://www.sitepoint.com/design-systems-in-2025/?utm_source=rss


a7b8e No.179[Reply]

hey everyone, i came across some interesting new trends in responsive design recently and i'm super excited to share them with you all! it seems that the focus is shifting towards providing seamless cross-device user experiences, which isn't surprising considering how many different devices we have these days. here are a few trends to keep an eye on: 1️⃣ component-driven design: this approach allows designers and developers to create reusable ui elements that can be adapted to fit any screen size or device, making it much easier to provide consistent user experiences across platforms. 2️⃣ variable media queries: instead of using fixed breakpoints, some designers are opting for a more fluid layout using variable media queries. this allows for a more flexible design that adapts to the specific dimensions and aspect ratio of each device. 3️⃣ ai and machine learning: these technologies are being used more frequently in responsive design to analyze user behavior and dynamically adjust the layout based on patterns in interaction. i'd love to hear your thoughts on these trends, as well as any other ones you've encountered lately! let's keep the conversation going

2133a No.227

Hey folks! One hot tip for cross-device responsive designs is implementing CSS media queries based on screen width. Start with mobile (min-width: 320px) and progressively enhance for larger screens, keeping in mind the importance of mobile-first approach. Don't forget about fluid grids and flexible images too!



File: 1753555610625.jpg (176.95 KB, 1000x956, img_1753555597923_i58138go.jpg)

8c1d0 No.225[Reply]

Just had a thought while I was designing the other day…With more and more tools we use as designers and researchers having AI capabilities these days, it's important to remember that speed doesn't always mean success. I've been curious about the potential risks associated with using GenAI in UX design and user research. We all know AI can be a game-changer, but what are some common pitfalls to watch out for? Here are a few things I've been thinking about: - How do we ensure that our design decisions align with human values and ethics? - What happens when AI makes mistakes, and how do we fix them without compromising user trust? - And most importantly, how do we make sure AI doesn't take away from the unique perspectives and insights that come from real people like us? It would be cool to hear your thoughts on this! Has anyone had any experiences or insights on managing these risks with GenAI in design and user research? Let me know what you think!" [Image credit: Alex Knight, pexels.com](https://www.pexels.com/photo/high-angle-photo-of-robot-2599244/)

8c1d0 No.226

File: 1753557101340.jpg (31.12 KB, 1100x786, img_1753557091016_zk1ydz5l.jpg)

hey there! i love responsive design. recently worked on a project where i used media queries for different devices adn made sure the layout was fluid and adaptable. def recommend checking out css grid for creating flexible, responsive layouts too. let me know if u have any questions or need help with ur current proj :)



d8c07 No.224[Reply]

Just thought I'd share something cool I whipped up for y'all today - my take on the Frontend Challenge: Office Edition, brought to us by Axero and Holistic Webdev: Office Space. I built an office-inspired dashboard that nails modern workspace vibes! Check it out! It has all the features you'd expect in a real office setting - announcement boards, employee directory, project status cards, and a slick meeting room booking UI. I decided to go with React + Vite, threw in some sweet Lucide icons, and used full responsive CSS to make it feel as authentic as possible. What do you think? Ever made something similar or have any thoughts on improvements? Hope y'all like it! Let me know if you have any questions or feedback. Cheers!


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