It’s Scrollbar Detector!

[for cell phones] to page info
Horizontal Scrollbar Status
Increase/Decrease Image Width
Viewport width
Image width: 320px
Image used for testing widths in mobile devices
Image Source Author

About the Photo

It was a sunny Sunday morning on August 19th, 2012 when the photograph above was taken at Kinney Lake in the Canadian Rockies.
The temperature at Kinney Lake in the western Canadian province of British Columbia was a comfortable 63-degrees Fahrenheit (17.2-degrees Celsius), on its way to becoming 88-degrees Fahrenheit (31.1-degrees Celsius) later that afternoon. There was a light breeze wafting across Kinney Lake from the northwest headed towards the camera's location on the southeast shore of Kinney Lake.
Kinney Lake is about 442 miles (711 kilometers) north-northeast of Vancouver, British Columbia. The seaport city of Vancouver is in the southern part of British Columbia, about 20 miles (32 kilometers) from the Canadian/(United States) border. British Columbia is the westernmost of the ten Canadian provinces, and is located in the northwest part of the North American continent, on the northeastern shore of the North Pacific Ocean.
The photographer took a break from hiking along the famous, 13-mile (21-kilometer) Berg Lake Trail, with the camera trained northwest, looking at the snow-covered peak of Whitehorn Mountain, which is a distance away from the camera of approximately 5.4 miles (8.7 kilometers), as can be seen in the center-left of the photograph above. The Berg Lake Trail continues north from Kinney Lake all the way up to Berg Lake.
Here is a map showing the entire route of the Berg Lake Trail.
About 1.8 miles (2.9 kilometers) south of Berg Lake, and about 2.57 miles (4.14 kilometers) to the north-northeast of the camera location (on the southeast shore of Kinney Lake) is the peak of Mount Robson—the highest peak in all of the Canadian Rockies, at 2.46 miles (3.95 kilometers) above sea level.
Here is a 3D Google Map showing Kinney Lake (with Whitehorn Mountain in the distance) from far above and behind the photographer's location, looking northwest.
Whitehorn Mountain is located in eastern British Columbia about 6 miles (9.7 kilometers) west of the (British Columbia)/Alberta border, with Alberta being east of British Columbia, and another one of the ten Canadian provinces.
Not to be outdone, the next door province of Alberta boasts its own Whitehorn Mountain, in southwest Alberta, that is home to the world-renowned Lake Louise Ski Resort. Alberta, Canada's Whitehorn Mountain is located about 6.37 mi (10.25 km) east of the (British Columbia)/Alberta border, and is about 175 miles (282 kilometers) southeast of British Columbia's Whitehorn Mountain.
Whitehorn Mountain in British Columbia is 2.1 miles (3.4 kilometers) above sea level, while Whitehorn Mountain in Alberta is 1.63 miles (2.6 kilometers) above sea level. Two tall Whitehorn Mountains, in two adjoining Canadian provinces ... two prime destinations for those who love outdoor activities!
So, if you are looking on the Internet for directions to either of these mountain locations, make sure you've got the right one, or you'll have a 4-hour drive ahead of you to get to the other!
Although, it will be a pretty scenic drive!

Changing Colors

A temporary light-blue background-color, along with maroon text, indicates page scrolling.
A temporary light-lime background-color, along with maroon borders, indicates page resizing.
On laptops and desktop computers:
Use the 'tab' key and 'up/down' arrow keys to navigate the web page.
Use the 'enter' key to 'click' buttons.
[Use the 'left/right' arrow keys when using your browser’s
Inspect element/Developing Tool
when you are using that element/tool to narrow the width of a web page in order to simulate what that web page will look like on any particular cell phone.]

Musical Interlude   to Tabbing 321

[click on a button][cliquez sur un bouton]
Porteau Blanc
Gaspé Reel
American Woman
Horizontal Scrollbar Status

About this web page

Have you ever wondered just how wide a fixed-width element on a web page can get (such as the photograph above) before a horizontal scrollbar appears at the bottom of your cell phone, necessitating a sideways swipe of your viewport in order to see the entire web page?
Well, probably not. But someone putting together a web page would want to know that information, to help them in fashioning the web page so that it will be as convenient as possible for viewers to navigate the web page.
With Scrollbar Detector you can find out just how wide a photograph can get on your cell phone before its width activates a horizontal scrollbar.
To increase the width of the photograph above, just click on the +1 pixel or +10 pixels buttons until the No horizontal scrollbar indicator changes to Active horizontal scrollbar. Then backtrack by clicking the -1 pixel button until No horizontal scrollbar once again appears. The indicated Image width: ---px value display underneath the buttons will thus tell you the maximum width that a fixed-width photograph can be on your cell phone without a horizontal scrollbar becoming activated. That Image width: ---px value will coincide with the Viewport width: --- value directly above it, as a double-checking mechanism.
You are now well on your way to becoming a professional web-page coder, thanks to Scrollbar Detector!
Hours of fun for the entire habitat unit! For even more fun, change your cell phone’s orientation from portrait to landscape, then back!
Disclaimer: Scrollbar Detector may not register values accurately on cell phones using condensing technology that minimizes the width of a web page in order for the web page to fit entirely within the dimensions of the cell phone’s physical viewport.
Horizontal Scrollbar Status