Here at UVU our goal is to create an interactive environment that is easy to use and informative. Here you will find information on the technologies we use as well as the opportunity to give us your feed back or get information on how you can get involved.

UVU Mobile Apps

UVU provides a number of apps that are intended to make your experience at UVU more fulfilling. These apps are available on both the Apple App Store and the Google Play Store.

Utah Valley University (UVU) App
Apple App StoreGoogle Play Store

Utah Valley University (UVU) App

Guide - College Simplified
Apple App StoreGoogle Play Store

Guide - College Simplified

Canvas
Apple App StoreGoogle Play Store

Canvas

UVU PhoneBook
Apple App StoreGoogle Play Store

UVU PhoneBook

UVU Roots Of Knowledge
Apple App StoreGoogle Play Store

UVU Roots Of Knowledge

Wolverine Traditions
Apple App StoreGoogle Play Store

Wolverine Traditions

UVUBooks2Go
Apple App StoreGoogle Play Store

UVUBooks2Go

Responsive / Adaptive Design

Responsive/adaptive web design refers to a way of building a web page or site to be viewable on multiple platforms. Rather than creating "pixel perfect" content for a static page, and creating multiple versions for the mobile and tablet experience, responsive/adaptive design allows us to create one version that works for the largest number of platforms and browsers as is possible.

Why is it Important?

In the past, when we used "pixel perfect" design concepts we only needed to gear our designs to 2 or 3 resolutions. These were usually the average screen resolution on a PC monitor, a printed sheet in case someone wanted to print the page, and eventually a mobile device whose screen was so small that the site needed to be completely rebuilt so that everything that was vitally important would be viewable and nothing else was there. This meant creating at least 2 versions of the website, www.xyz.com and m.xyz.com with multiple style guides for desktop, print, and as an afterthought mobile. Often times there would be separate documents for different browsers as well.

This worked well for a while but not anymore. As you can see at Evolution of the Web, with the explosion of web related technologies, screen resolutions varying widely, the number of devices shooting through the roof, and everyone using the web on their phone, tablet, and desktop, there needed to be an easier solution than making millions of versions of the site. That is where responsive/adaptive design comes in.

How Does it Work?

The back bone of responsive/adaptive design is the media query in css (cascading style sheets). Using a mobile first approach, you are able to use the minimum required styling in your css document and then insert a media query that tells the browser that if it’s viewport or window is wider than a certain pixel width then use the next bit of code to add or alter the styles being applied to the page. At UVU we use 3 break points based on common widths between mobile and a portrait viewed tablet, a portrait viewed tablet and a landscape viewed tablet, as well as between tablet and desktop devices.

This gives us a starting point with responsive/adaptive design but without moving away from the "pixel perfect" design concept the page still isn’t responsive. Rather than using pixel widths and heights we utilize percent width values and allow the height to be determined by the content. This allows the site to display all the content at any width the device may be.

UVU Web Community