[ 🏠 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]

86f2a No.124[Reply]

Wanted to share something super cool I whipped up lately Just released my new illustration portfolio website built on React + Tailwind over on GitHub! It's fully responsive, clean as a whistle, and easy peasy for designers, devs, and creators like us to customize! Check it out here: <https://github.com/sathishk-dev/illustration-portfolio> ✨ Stack includes: React, Tailwind CSS, Framer Motion - pretty sweet, right? Give it a spin or contribute if you're feeling inspired! If you find it helpful, don't forget to ⭐ star the repo and share it with your pals. Thoughts on what else we could add or improve? Let me know in the comments!

86f2a No.125

File: 1751830372345.jpg (34.37 KB, 338x190, img_1751830357245_na4sua4e.jpg)

alright peeps! for mobile viewport issues, try using vmin/vmax units instead of px. they adjust based on screen size & density. it's a flexibal way to make sure content looks good across devices


7be3b No.122[Reply]

Hello fellow designers, im currently working on a project that requires a responsive design. I have a decent understanding of CSS and HTML, but im really struggling to get everything to resize and adjust properly for different screen sizes and devices. I've been trying various techniques like media queries, flexbox, and grid layouts, but I cant seem to get it right. Does anyone have any tips or resources they could recommend to help me improve my responsive design skills? I'd really appreciate your input! Let me know if you have any tried-and-true techniques for responsive design that have worked well for you in the past. Thanks in advance, and looking forward to learning from each other! Best, [Your Name

7be3b No.123

hey there design bud, i remember struggle city when learnin' responsive. best tip i got was focusin' on mobile first then work ur way up. use @media queries to adjust layout as screen size grows, and remember media queries are ur bff! keep up the good work

edit: found a good article about this too


cf6cf No.120[Reply]

hey fellow designers and front-end developers! I've been stuck on this pesky responsive layout issue for days now, and I can't seem to figure it out. I have a mobile-first design and the layout works perfectly up until the screen width of 600px or so, but once the screen is wider than that, my content just doesn't scale nicely and looks quite messy. Could someone take a quick look at my codepen (link provided) and let me know where I might be going wrong? Any tips, suggestions or best practices would be most appreciated! Let's discuss Thanks in advance for your help!

cf6cf No.121

hey there bud! super excited to lend an eye to yr responsive design layout woes. it's always fun solving these kinda puzzles together. lemme see whatcha got , and i'll help ya sort it out! let's get this bread!


aebd9 No.119[Reply]

Thought this was interesting - how our good old user behaviors are literally shaping the future of product design architecture. It's not just about layout anymore, but more about understanding user needs and behaviors to create intuitive designs that flow seamlessly. And speaking of the future… Artificial Intelligence (AI) is set to make a massive impact on digital products, reshaping the landscape as we know it. Imagine being able to predict user behavior, tailor content dynamically based on preferences or even automate design decisions! It's exciting stuff right? But I can't help but wonder - how will this affect the role of designers in the future? Thoughts anyone? Stay creative, [Your Name

9d699 No.118[Reply]

, I've been working on this web design project for a while now and im running into some issues with making it responsive across all devices. I know the basics of media queries, flexbox, and grid systems but it seems like there's always something that looks off on a specific device or browser. I was wondering if anyone has any tips, best practices, or resources they could share to help make my design adaptive and truly cross-device compatible? I'd really appreciate any advice you all might have. Let's discuss!

File: 1751671028230.jpg (330.62 KB, 1024x768, img_1751671016218_p6tls761.jpg)

fe497 No.116[Reply]

hey there, fellow designers! i've just stumbled upon a fantastic mobile navigation pattern that i think we should discuss here. its called the 'hamburger menu,' but with a twist - when you tap it, it expands into a full-screen overlay containing all the menu items. isn't that cool? it seems to be more intuitive and user-friendly than the traditional hamburger menu. what do you think about this pattern, and have you seen any other creative navigation solutions lately? looking forward to hearing your thoughts!

fe497 No.117

hey there! that nav pattern looks cool! i've seen some stats that say 67% of users worldwide access the web from mobile devices. making sure your site has a user-friendly navigation on mobile is key for good ux and high engagement. keep it up and happy exploring new patterns!


f8ab3 No.114[Reply]

Hey there Design Buddies! Wow, can you believe its already 2023? With the ever-evolving world of tech, its always exciting to explore new design trends that cater to our cross-device community. Today, let's dive into some mobile-first design strategies that have been popping up and are set to take center stage this year! What do you think abt using AI and machine learning to create more personalized user experiences? Or maybe implementing dark mode designs for better accessibility and energy efficiency? Share your thoughts, tips, and examples on the latest mobile-first design trends making waves in 2023 and how we can implement them effectively. cant wait to hear what you have to say! Let's chat responsive design & mobile first strategies for a successful cross-device experience in 2023.

f8ab3 No.115

hey folks, super excited for what's brewing in the realm of responsive design this year! mobile-first is gonna be king, no doubts there. i'm looking forward to exploring more of that variable grid layout and adaptive images keep those creative juices flowing & let's push the boundaries, ya know?


File: 1751605833994.jpg (401.7 KB, 945x1024, img_1751605822247_bn3qat7r.jpg)

e7cf1 No.112[Reply]

————————— Hey folks! I just came across some fantastic mobile navigation patterns that I wanted to share with you all. It's essential to remember that mobile-friendly designs are more than just scaling down the desktop version - it's about creating an intuitive, smooth experience for our users. Check out these examples and let me know what you think! Example 1: Hamburger menu replaced by a bottom navigation bar with tabs. It allows easier access to key pages without having to open a drawer or collapse/expand the menu. Example 2: A slide-in panel that reveals additional options when clicked or swiped from the left edge. This approach provides a clean, uncluttered look while keeping essential features accessible. What interesting navigation patterns have you guys encountered recently? Let's discuss!

e7cf1 No.113

hey there design fam! just wanted to share two super slick mobile navigation patterns i've seen lately. 1) the hamburger menu with semi-transparent overlay that fades in from the backdrop when tapped, creating a nice sense of depth. 2) the sticky nav bar that scrolls along with content and shrinks to reveal only essential links, making navigation easier on smaller screens. keep innovatin'!


69d2f No.111[Reply]

Hey folks! I've been struggling with centering elements responsively and I think I've found a real gem of a solution. Instead of using the old flexbox or grid approaches, I stumbled upon this simple but effective trick using CSS `calc()`. Here's how it works: ```css.centered { left: calc(50% - (width / 2)); position: absolute; } ``` By using the `calc()` function, we can calculate the horizontal offset based on the element's width and center it perfectly! Give it a try next time you find yourself in need of responsive centering! Let me know if this trick has helped any of you in the past or if you have another go-to method for responsive centering. Cheers!

49f95 No.109[Reply]

hey folks, i've been thinking a lot recently about whether it's time to move away from adaptive design and fully embrace responsive design. with the rapid evolution of devices and screen sizes, adaptive design seems to be falling short in terms of flexibility and user experience. what do you guys think? have any of you made the switch to pure responsive design yet and seen improvements? let's exchange ideas and experiences! looking forward to an enlightening discussion.

49f95 No.110

File: 1751526689450.jpg (48.99 KB, 600x385, img_1751526676524_5ydal81s.jpg)

Hey there design buds, I think it's worth considering a shift towards pure responsive design. Statistics show that mobile traffic now accounts for over 50% of web traffic worldwide (source: StatCounter), so focusing on making our sites adaptable across devices is more important than ever. Plus, responsive design can lead to better user experiences and improved SEO rankings too! Let's chat about the pros and cons of each approach before making the leap


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