Return To Previous Page Link


laptop, tablet, smart phones, iphones


About Responsive and Dedicated Website Design


Why are there numbers on the bottom of these pages?”


A few years ago, with the unprecedented growth of devices to “view the web,” the old standard (i.e. desktop computer screen) was thrown to the wind for website designers. Instead of there being a fairly reliable standard, now each device (smartphone, tablet, etc.) presents a different “view” of how that particular device shows a web page to the user. There are differences between all the different brands (iPhone, Galaxy, Google Pixel, and so forth). Plus, different renderings for each version of the operating systems which run each individual phone or tablet. Confusing? Yep!


When you view an older – static – website on a smaller screen (tablet/smartphone) the words and images normally appear as a reduced (harder to read) version compared to how those pages would normally look on a desktop/laptop monitor. To compensate for that, web designers must either create separate sites for smaller viewports, or they can choose to create a single responsive version of the site instead.


Determining which solution to choose (dedicated or responsive) generally involves discussion on the intent, audience and content of the website itself. In some instances, it simply makes sense to create separate sites for desktop, tablet and smartphone. In other cases, a responsive version of the site is more practical.


The numbers on the bottom of the pages of this website are what New Milford Web Design uses when testing website “viewports” on new websites the studio builds. The web studio often includes these numbers on sites when beta-testing how they will view on different devices. The numbers were left in place on this version of the New Milford Web Design website simply to use as an informational tool when meeting with new clients.


Normally, after we are satisfied with the overall results, we simply take the numbers off the page.


This site was built with numerous “responsive breakpoints.” Depending on the resolution of the device you view these pages with, you will see different “versions” of the same page. The idea behind responsive design is to make pages legible regardless of which device that page is viewed on.


If you view these pages on a smartphone, and change the viewport (by rotating your phone or tablet), you will  see a different version of the same page. You can do the same thing by resizing the horizontal width of your desktop browser. All the page information is there. It's just organized differently for easier viewing.


laptop, tablet, smart phones, iphones


laptop, tablet, smart phones, iphones


laptop, tablet, smart phones, iphones


laptop, tablet, smart phones, iphones


laptop, tablet, smart phones, iphones