Author Topic: Responsive Testing  (Read 1240 times)

0 Members and 1 Guest are viewing this topic.

Offline SkyWarp

  • The Master of Mr. Pizza
  • Chief Enforcement Officer
  • Captain
  • *
  • Posts: 1363
  • Gender: Male
    • 113440576510182346384
    • Hardy Boys Encyclopedia
Responsive Testing
« on: December 21, 2015, 10:22:37 PM »
The age of the small mobile browser is upon us.  However, this site unfortunately has not found its way into the modern responsive world where you can view it comfortably on any size screen. 

I am hoping this is about to change.  However, this type of change means a pretty significant redesign.  I've been working on this redesign for a couple years and keep starting over with not a lot to show for it, until today.  Now I need your help in testing the site on all types of browsers (especially mobile versions). 

Before you run off to the link shown below, please understand a few things.  The site is not finished, the design is not finished, and there really are only two aspects of the site currently able to be tested: the book list page and the book summary page.    Also, in order to prevent any issues with the current site, I have created a "fake" section of the site with minimal data/info.  Please don't get all excited about the what the data represents, it is the layout and browser adaptability that needs testing.  Please leave any thoughts here in this thread. 

And the part you have all been waiting for:

http://www.hardyboyscasefiles.com/series/originals.php?book_no=24

http://www.hardyboyscasefiles.com/series/originals.php



Offline Katie

  • Lieutenant General
  • *
  • Posts: 2579
  • Gender: Female
    • AO3
Re: Responsive Testing
« Reply #1 on: December 21, 2015, 11:00:06 PM »
Wow, I love it. I can view it on my iphone well. :)
“If you don't like something, change it; if you can't change it, change the way you think about it. ”
― Mary Engelbreit

Offline tomswift2002

  • Secretary of Defense
  • *
  • Posts: 7309
    • Trevor Thurlow Productions - Video Production and Transfers
Re: Responsive Testing
« Reply #2 on: December 22, 2015, 08:52:52 AM »
Looks nice on an iPad.
VHS, S-VHS, Super Betamax, Mini DV, MicroMV, Betacam SP, U-Matic SP - NTSC/PAL/SECAM.  All transferred to DVD! 
www.trevorthurlowproductions.ca

Offline MacGyver

  • Troubleshooter
  • Secretary of Defense
  • *
  • Posts: 11363
  • The Hardy Boys catch the Gremlin of The Bangles...
Re: Responsive Testing
« Reply #3 on: December 22, 2015, 10:50:23 AM »
It works pretty well on an Android too. However (and this may just be my phone's settings), the graphics and text seem to overlay each other some on the test page for The Short-Wave Mystery. (And I know we're not supposed to get too excited about that data, but if that's what you're working on for the site, I would be very excited and very much approve. Looks great!) :) 8)
And I actually have accessed the forums on my phone before, but I generally just pull up the actual site on the phone and that works okay for me. It is nice to have a mobile device-specific version available though.
"I am the Way, the Truth and the Life. No man comes to the Father but by Me."- Jesus
"You can do anything you want to do if you put your mind to it."- MacGyver in "Cease Fire"

Offline SkyWarp

  • The Master of Mr. Pizza
  • Chief Enforcement Officer
  • Captain
  • *
  • Posts: 1363
  • Gender: Male
    • 113440576510182346384
    • Hardy Boys Encyclopedia
Re: Responsive Testing
« Reply #4 on: December 22, 2015, 08:32:50 PM »
... the graphics and text seem to overlay each other some on the test page for The Short-Wave Mystery.

I noticed on regular desktop chrome (and my android too) with the window shrunk down that the title letters that fall into the basement (like the letter "y") were slightly covering the book cover.  I fixed that.  I was missing a colon in my style sheet for my h1 tags.  :)

Offline MacGyver

  • Troubleshooter
  • Secretary of Defense
  • *
  • Posts: 11363
  • The Hardy Boys catch the Gremlin of The Bangles...
Re: Responsive Testing
« Reply #5 on: December 23, 2015, 11:34:11 PM »
Cool! Yeah- it's working well now. That seems to have fixed it. The only possible problem I see now is that on that test page, the chapter listing has "1. The" and then a long gap as it doesn't continue until I scroll down past the cover on the side. (Again, that could just be my settings though.)
"I am the Way, the Truth and the Life. No man comes to the Father but by Me."- Jesus
"You can do anything you want to do if you put your mind to it."- MacGyver in "Cease Fire"

Offline SkyWarp

  • The Master of Mr. Pizza
  • Chief Enforcement Officer
  • Captain
  • *
  • Posts: 1363
  • Gender: Male
    • 113440576510182346384
    • Hardy Boys Encyclopedia
Re: Responsive Testing
« Reply #6 on: December 25, 2015, 12:45:26 AM »
Cool! Yeah- it's working well now. That seems to have fixed it. The only possible problem I see now is that on that test page, the chapter listing has "1. The" and then a long gap as it doesn't continue until I scroll down past the cover on the side. (Again, that could just be my settings though.)

Does it do that when you turn your phone on its side and look at the page that way?  (what is your screen size?).

Offline MacGyver

  • Troubleshooter
  • Secretary of Defense
  • *
  • Posts: 11363
  • The Hardy Boys catch the Gremlin of The Bangles...
Re: Responsive Testing
« Reply #7 on: December 25, 2015, 07:35:29 PM »
It works fine when I turn the screen on the side. :)
I just usually like to hold the phone up vertically- but it's not a huge deal. (I'm not sure what else to say about screen size- it's a standard Android.)
"I am the Way, the Truth and the Life. No man comes to the Father but by Me."- Jesus
"You can do anything you want to do if you put your mind to it."- MacGyver in "Cease Fire"

Offline SkyWarp

  • The Master of Mr. Pizza
  • Chief Enforcement Officer
  • Captain
  • *
  • Posts: 1363
  • Gender: Male
    • 113440576510182346384
    • Hardy Boys Encyclopedia
Re: Responsive Testing
« Reply #8 on: December 26, 2015, 12:54:10 PM »
It works fine when I turn the screen on the side. :)
I just usually like to hold the phone up vertically- but it's not a huge deal. (I'm not sure what else to say about screen size- it's a standard Android.)

Does it do it on this page too?  http://www.hardyboyscasefiles.com/series/casefiles.php?book_no=1

Offline MacGyver

  • Troubleshooter
  • Secretary of Defense
  • *
  • Posts: 11363
  • The Hardy Boys catch the Gremlin of The Bangles...
Re: Responsive Testing
« Reply #9 on: December 26, 2015, 08:09:41 PM »
No. That one's fine. :)
"I am the Way, the Truth and the Life. No man comes to the Father but by Me."- Jesus
"You can do anything you want to do if you put your mind to it."- MacGyver in "Cease Fire"