LinkedIn and 3rd parties use essential and non-essential cookies to provide, secure, analyze and improve our Services, and to show you relevant ads (including professional and job ads) on and off LinkedIn. Learn more in our Cookie Policy.
Select Accept to consent or Reject to decline non-essential cookies for this use. You can update your choices at any time in your settings.
💡 100 Days of Tech Tips
No one likes a website that looks great on a laptop but breaks on a phone. Today is about ensuring your website fits on any device—whether a mobile screen or a large desktop monitor. You need to master media queries in CSS, grid system, and fluid images to create layouts that respond beautifully, no matter the screen size. Keep your design clean, and your users will thank you!
#100DaysofTechTips#techtips#okemmanuel#codingtips
Mobile design doesn't need to replicate the desktop version exactly. Instead, focus on catering to the mobile environment and be intentional about what you prioritize above the fold.
Here I was figuring out how the desktop and mobile layouts for a product page would maintain the same visual themes while remaining responsive. My primary focus was on making sure that the user wouldn't feel like they are scrolling forever while looking at a single product. That way they can visit many product pages in a shorter time, increasing the chances they would want to add those items to their cart.
#wireframeswednesday
The newest Giraffe is coming to your browsers soon. Enjoy a sleek new interface, chock-full of highly-requested enhancements. Plus, a new feature that makes parametric design as easy as connecting the dots. 👀
Learn more: https://lnkd.in/eHPrYYtG
Hot Take: I don’t agree with the Mobile-First approach
YES, mobile design is very important. But is this tunnel vision effective?
The big problem I see is that an entire project is getting designed for only one device before they design for another.
But each device should inspire the other.
Why isn’t a page-by-page approach the standard instead of going from one device to another?
Especially if you want to achieve effective responsiveness.
Even within a page-by-page approach, I still believe you should start with the BIG screen. Here’s WHY:
Desktop designs will always be more complex with more design elements than mobile.
In my experience, it’s easier to simplify the complex than to complicate the simple.
Just don’t slack off on mobile designs. It’s flipping important!!
VIOLENTLY DISAGREE. “Mobile first” isn’t about the device — it’s shorthand for embracing constraint. If you can’t make an idea work in a smaller format, you aren’t focused on simplicity and usability.
Actually, “Mobile first” doesn’t go far enough; all too often, teams optimize for internal design reviews. Sure, it looks beautiful and checks all the boxes on value props. But what if the user has a smaller screen, or uses an increased text display size? (After all, something like an estimated 40% of Americans use accessibility settings — text display size qualifies; just think of parents/grandparents/anybody over 50). This isn’t an edge case. The latest iPhone with the most words-per-screen is.
(Caveat: some ideas require more robust surfaces — like Figma or Photoshop — but these come with a much higher barrier for entry.)
Branding Expert & Webflow Wizard ✦ Pioneering the psychedelic renaissance ✦ Here to raise the vibes! 🤙
Hot Take: I don’t agree with the Mobile-First approach
YES, mobile design is very important. But is this tunnel vision effective?
The big problem I see is that an entire project is getting designed for only one device before they design for another.
But each device should inspire the other.
Why isn’t a page-by-page approach the standard instead of going from one device to another?
Especially if you want to achieve effective responsiveness.
Even within a page-by-page approach, I still believe you should start with the BIG screen. Here’s WHY:
Desktop designs will always be more complex with more design elements than mobile.
In my experience, it’s easier to simplify the complex than to complicate the simple.
Just don’t slack off on mobile designs. It’s flipping important!!
Even today, when I work with design teams, the mock-ups for new ideas almost always focus on the desktop version of the page.
This doesn’t make sense considering the current traffic trendlines.
The graph below shows how mobile traffic is surging, while desktop continues to decline.
My suggestion: give yourself a mild electric shock every time you accidentally open the desktop version of your website.
