[ 🏠 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: 1753911523391.png (531.78 KB, 1200x857, img_1753911511182_g0s5x2nn.png)

d9f64 No.245[Reply]

In this version, we've said goodbye to the turbo transition and form_label helper, but don't worry, everything else is still there! Plus, we've fixed a few bugs. The command for FormElement Button was causing some trouble, so that's been rectified. We also straightened out the incorrect command for card headings. Oh, and if you're planning on upgrading, don't forget to use the code SUMMERSALE for a cool 25% off! But remember, this offer is only valid until July 31st, 2025 at 11:59 PM. So, grab it while you can! Anyone else excited about this update or have any questions? Let me know!

d9f64 No.246

File: 1753911586279.jpg (116.95 KB, 640x640, img_1753911575139_ew1cvdxj.jpg)

yo all! had a real tough time with that rails designer ui stuff last week. thought i had everything under control but mobile view was all screwy. ended up finding some responsive design tips in the docs that helped sort it out. hopefully this version fixes those issues! good luck



File: 1753875498304.jpg (38.71 KB, 1080x720, img_1753875487751_g9t0s41b.jpg)

945b9 No.244[Reply]

Hey there folks! Hope this message finds you all well and working on some fantastic designs. I stumbled upon a little trick that's been saving me lots of time when it comes to setting breakpoints in responsive design. Instead of setting arbitrary numbers like 768px or 1024px, try using actual viewport sizes (vw, vh, and vmin). This way, your designs will adapt dynamically to the specific device, ensuring a seamless user experience across all screens. Let's discuss how you guys use this trick in your workflow! What are some other creative methods you've found for setting breakpoints? I can't wait to hear your thoughts!


File: 1753839574205.jpg (72.4 KB, 736x736, img_1753839563717_m5yvo3vf.jpg)

6e146 No.243[Reply]

So, UX jobs, right? We all know they're the bomb dot com, good pay, great reputation… you get it. But here's where things get a bit tricky - are we really finding fulfillment in our work beyond the financial gains and career advancements? Got me thinking about Marx's concept of alienation and how it applies to today's design scene. It's like, okay, we create amazing stuff for big names like Apple, Uber, or Revolut, but is that creative empowerment really translating to our personal satisfaction? I've been pondering on this question a lot lately, and I wonder what y'all think. What do you guys make of it? Is there more to designing for the big leagues than just the money and prestige?" [End with your username or handle if applicable] - [Your Name/Handle] ✌️


File: 1753832734117.jpg (75.58 KB, 1280x720, img_1753832722760_dxazdv9j.jpg)

a4955 No.242[Reply]

Hey folks! So, I've been working in UX for a hot minute now and noticed something… It feels like we're all chasing this dream of landing a job at Apple, Uber, or Revolut (who wouldn't want that on their resume? ), but here's the catch - are we actually finding fulfillment in what we do every day? I've been thinking about Marx's concept of alienation and how it applies to our industry today. You see, those jobs might come with a pretty penny (which is great!) but if they don't leave us feeling fulfilled and connected to the work we're doing, what's the point? Wondering if any of y'all have experienced this or have thoughts on how to combat it. Maybe there's a solution we can figure out together!


289a0 No.240[Reply]

hey there fellow designers! i just wanted to share a cool trick i picked up recently that's been making my responsive design work a breeze. it involves using flexbox and the css grid layout module together, resulting in more flexible and maintainable designs across different screen sizes. for example, imagine you have a grid of items on your page - with this technique, you can make adjustments to item sizing, spacing, and alignment quickly and efficiently without having to fiddle with media queries or custom javascript solutions. has anyone else found success using flexbox with grid for their responsive design projects? i'd love to hear about your experiences! let the discussion begin

289a0 No.241

File: 1753797103951.jpg (54.88 KB, 900x900, img_1753797089707_8g03nbyu.jpg)

hey folks! just had an epiphany with flexbox grid combo for responsive design . instead of media queries to adjust layouts at different breakpoints, we can use flex-basis and grid-template-columns. it's smoother, more maintainable, and oh so satisfying! #flexgrid #responsivedesign ps: don't forget about align-items/justify-content for vertical/horizontal alignment too



File: 1753760380127.jpg (46.74 KB, 1920x1080, img_1753760368744_e3yrzt0q.jpg)

9be06 No.238[Reply]

hey awesome designers! Ever since mobile devices took over the world, responsive design has been our bread and butter. But now, we're stepping into a new era with the rise of component-based design. It's more efficient, scalable, and it's set to revolutionize how we approach responsiveness. Let's discuss what the shift means for us, its potential benefits, challenges, and practical applications in real-world projects. Share your thoughts, experiences, or questions! ️ Looking forward to a fruitful conversation!

9be06 No.239

File: 1753760885487.jpg (71.35 KB, 1280x720, img_1753760872402_o4xlcukv.jpg)

hey folks! i just wanna say don't forget abt the importance of performance optimization in your responsive design projects. using efficient components can really help keep things snappy



File: 1753723932385.jpg (59.67 KB, 736x580, img_1753723922928_cq6s3ygg.jpg)

13ba1 No.237[Reply]

hey there design enthusiasts! Today I wanted to start a discussion about something that's been trending lately, and it has become quite a hot topic in the design community - Dark Mode. As more and more users prefer dark mode interfaces on their devices, we find ourselves in a fascinating debate. What are the advantages? Is it more accessible? How does it affect our content consumption? On the flip side, is it truly beneficial for every design or platform? And lastly, how do we implement it responsively to accommodate various devices? Let's share our thoughts and experiences about this intriguing trend, and as always, remember that constructive criticism is welcome! ✨ Looking forward to hearing your insights on Dark Mode Design!


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!


Delete Post [ ]
Previous [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">