Responsive Websites vs. Mobile Apps, what is the difference? A responsive website functions like any other website viewed on your browser. The difference is how the website displays on different screen sizes. There are 3 main ways to make a website responsive: media query’s, browser detection and redirects. The media query technique is when a web developer inserts code in the head of the document.

  • Media Query’s:  <link rel=stylesheet media=(max-width: 800px) href=example.css />
    • This technique is when a website has links placed in the header similar to the example above. This link will only work if the width of the screen is less than 800 pixels. This allows the website to display differently on devices with all sizes: computers, tablets and phones.
  • Browser Detection: Browser detection is when a program such as JavaScript reads the type of browser of the user who just requested the webpage. Certain browsers of designed only for mobile devices. This helps the website decide what content to show the user.
    • Redirects: is a method of browser detection. It is very common for websites to redirect the user to a mobile friendly URL such as: domain.mobi or mobile.domain.com. The downfall of doing this method of development is having to essentially build and maintain to websites. Although, a positive is full freedom and faster load times.

 

Now that we know what responsive websites are lets talk about mobile apps! Mobile Apps or applications are native to the device. This means that some apps can be ran offline, and use features such as cameras or sensors. Mobile Apps are downloaded  usually from a market place such as (Google play store, iTunes app store). Apps are stored on the device rather than request in the devices browser. For help with dynamic development contact us.

test