Best practice for unilateral layout review

  • Brendan Nagle

    (@thebrendannagle)


    6 years, 1 month ago

    How can I unilaterally monitor all three layout changes? My plan is to open three new browser windows, sized to the minimum resolution per layout (desktop, tablet, mobile), then refresh individually as updates are made to the page as I customize each version. Is there a way to immediately tell which layout you’re viewing? My best guess here would be to change something stark, like a section or page background color, so I can immediately tell once it switches from one size to the next. I’m regularly going between a workplace and home office monitor, so the sizing per screen is a pain to mentally recalibrate.

    CONTEXT – I’m trying to rebuild a company website with no access to the prior design (“Brazil” WordPress theme, but 3rd party built), so I’m essentially guessing at the margins / padding specs. I’m casually resizing the browser, unsure of when it becomes tablet vs desktop due to the responsiveness of text blocks and flat color background (mobile is a much more obvious shift). I’m still new-ish to Elementor and can tell it has a wealth of features, so maybe there’s a clever workaround to this kind of design dilemma (discerning layouts at a quick glance).

    Also / Or… is there a definitive universal resolution size for when it jumps from one layout to the next across all potential browsers? Or maybe this too be customized per site / page in Elementor (or my WP Theme – OceanWP, specifically). Like 1200×800 or larger is desktop… I have no clue what it might be, I have a media background. Any tips appreciated!

    Thanks all,
    Brendan

Viewing 1 replies (of 1 total)

  • Resolution gets a bit touchy considering all the monitor/HD TV’s people use for monitors. One thing that can make it easier to view your changes on mutli-sized devices is to add a second monitor. You can be making changes on the full size on one monitor and checking the changes on the reduced size on the second.

    Another thing that adds a degree of difficulty is the Zoom feature of most browsers. People set this and it affects the page.

Viewing 1 replies (of 1 total)
  • The topic ‘Best practice for unilateral layout review’ is closed to new replies.