1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Responsive Website Checker Suggested Needed

Discussion in 'CSS' started by Rashida H., Mar 26, 2019.

  1. #1
    Hello!
    SEMrush
    I am looking for a recommendation for Responsive Website Checker (for all devices).
    My website has some issues here and there with responsiveness.

    Kindly advise, which one is best to use. And which media queries as well.

    Thanks & Regards,
    Rashida H.
     
    Rashida H., Mar 26, 2019 IP
    SEMrush
  2. alfieindesigns

    alfieindesigns Well-Known Member

    Messages:
    127
    Likes Received:
    5
    Best Answers:
    2
    Trophy Points:
    130
    #2
    alfieindesigns, Mar 29, 2019 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    8,926
    Likes Received:
    1,625
    Best Answers:
    232
    Trophy Points:
    515
    #3
    The best one is between your ears and all the different browsers if you've bothered building your site properly. 99%+ of the tools out there are pointless and more a tool for when you go full Pakled and design to specific resolutions as fixed width and or fixed-font metric design, instead of being a good little doobie and building elastic semi-fluid responsive design.

    Design the desktop layout first as:

    1) Elastic, where possible fonts, widths, paddings, and margins are declared in EM.

    2) Semi-fluid. At least one column allowed to expand to the available space, and to contract below it. No dumbass px fixed width layout trash.

    3) Responsive, strop off columns and padding with media queries as the screen gets smaller.

    Make your desktop layout as Semi-fluid elastic. Narrow the browser window until it breaks, there's your media query breakpoint. Figure out how many EM that is, add 5% wiggle room for the difference in font renderers, and strip off /re-arrange columns, eliminate excess whitespace, and re-arrange other elements until it looks good. Lather, rinse, repeat until you're down below 256px at the browser default of 16px... or 320px if running large-fonts / 20px... or whatever your system font metric is.

    If you are thinking in pixels, thinking specific widths, etc, etc... You're doing it all wrong, and on the whole if you are thinking specific devices or resolutions, you might as well give up on making the site accessible.

    Some garbage automated tool can't report or even fix that.

    Oh, and @alfieindesigns, the halfwitted mentally enfeebled train wreck of how NOT to build websites that is bootcrap is the LAST thing I'd suggest pointing them at. Learn HTML and CSS, not some dumbass framework that creates nothing but broken, slow, bloated inaccessible sites. Particularly when it's painfully obvious even the people who created bootstrap are unqualified to write a single blasted line of HTML... just look at their examples. Nothing like duping people with an outright scam whilst making yourself work ten times harder than needed with two to twenty times the job requires... and then calling it "easier"
     
    deathshadow, Mar 30, 2019 IP
    malky66 likes this.