Skip to main content

TERMINALFOUR (T4) Tip 2: Think Responsively

Intended Audience:

TERMINALFOUR WEB MAINTAINERS, END-USER MODERATORS, and PRIMARY WEB COORDINATORS

TIP: Remember to take a mobile first approach

Takeaway: Before you publish out in T4 and make your website live, check to see how well your website looks in small, medium, and large views.

Explanation: Remember to take a mobile first approach when migrating content. On the web the term “folding” is often used when discussing responsive/adaptive design. A site folds well when the website can automatically adjust its web elements to a display suitable for three different views. Desktop, tablet, and phone views are now a common part of adaptive and responsive web design. So, remember while building your website in TERMINALFOUR, the new UF/IFAS templates have 3 views: small, medium, and large.

The Desktop view seems to take priority when migrating content but don’t forget to resize your browser window when previewing your T4 pages. Resize your browser window so you can see what the page will look like on a mobile tablet or phone.

Example: FOLDINGRESPONSIVE-webdesign

Example: 3 views for the UF/IFAS Dark Blue Template in TERMINAL FOUR

Large/Desktop View

DESKTOPview-ifasMain

Medium/Tablet View

Tabletview-ifasMain

Small/Phone View

Phoneview-ifasMain

*Responsive Design Image Credit: Purely Branded.com