Web Services Blog

Procrastination Solutions

Strategies for Combating Procrastination Take control of your environment – work in a place that is free from distractions as much as possible. Make a “TO DO” list. Establish a routine. Self-bribery — give yourself rewards. Divide and Conquer — break larger tasks into smaller units — thereby eliminating how daunting the task seems. As you complete each small […]

Accessible Color and Contrast

People who are color blind, vision impaired  or who have an age-related impairment often struggle to read text when there isn’t enough contrast between the color of the text and its background. There are two levels of requirements for color contrast, depending on the level of conformance your website is aiming to achieve. Ensure that […]

Accessible Links on Web Pages

“Click here” and “read more” links should be updated immediately! Link text should be meaningful and make sense out of context. It should describe the purpose of a link and if linking to a download, also include the file type and file size, especially when it’s a large file that will require time to download. The […]

Responsive Templates Available in Cascade

Web Template The 1889 template is a theme to help Clemson’s marketers and web developers quickly create websites that are responsive, dynamic, and on-brand. It was built with the foundation framework and utilizes the university’s content management system and hand-coded magic. Foundation provides a responsive grid and HTML and CSS components, including typography, forms, buttons, […]

Embedding a Map on the Contact Us Page

See sample Contact Us page here. To have a map to your address, go to Google Maps. Enter your street address in the search box, top-left of page. For example: 201 Sikes Hall, Clemson University, Clemson SC. Click on the Menu Drop dropdown, choose “Share or Embed.” Choose Embed Map. Copy map URL: https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d6562.369538689062!2d-82.84129707279291!3d34.67528589506186!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1s201+Sikes+Hall%2C+Clemson+University%2C+Clemson+SC!5e0!3m2!1sen!2sus!4v1492534935806 View […]

How to Add an RSS/News Feed

Note: RSS feeds are included using a shortcode. Shortcodes are available to help you quickly add more complex features to your pages. To add shortcodes, open the HTML source editor in Cascade and paste the shortcode where you’d like the element to appear within your layout. The RSS shortcode is used to incorporate an RSS […]

Embedding Videos

video-shortcode

Note: Video embeds are done using a shortcode. Shortcodes are available to help you quickly add more complex features to your pages. To add shortcodes, open the HTML source editor in Cascade and paste the shortcode where you’d like the element to appear within your layout. The video shortcode is used to embed videos from […]

Spotlights in the Responsive Templates

Use spotlights to feature a bit of content on your page. The most comprehensive version includes both a link to a specific story (or event, program, etc.) as well as a link to the overall category or collection of stories (or events, programs, etc.). You can pare this down to feature just a single link […]

Responsive Template Grid

Our template uses a 16-column version of the Foundation framework. More information on the Foundation grid can be found on Zurb’s website. Start by adding a div element with a class of row. This will create a horizontal block to contain vertical columns. Then add divs with a columns class within that row. Specify the […]

Adding an Icon to a Button in the Responsive Templates

Adding an Icon In addition to the styling above, you can also pair your link with an icon to make your button more visual. See the full set of available icons and learn more about how to use them. HTML <a href=”” class=”button expand blueridge”> <span class=”icon-paw”></span> Expanded Button </a> <a href=”” class=”button bowman”> <span […]