Blog

UCSF Website Updates

News and announcements regarding UCSF websites, as well as best practices and tips for getting the most out of your web presence.

August 29, 2018
Accessibility
Policies & Standards
Join us for a new 3-part series to learn how to use the new Siteimprove monitoring tool.
June 7, 2018
Site Builder

UCSF Site Builder is now better than ever, with a major new feature and other core updates.

New Feature: Blog

Blog Example

Introducing an all-new blog format to house your less formal, but still informative, news.
 
Branding:
Hand-tailor your blog’s title, tagline, and banner image to create a unique landing environment.
 
Custom Taxonomy:
Create an optional, customized taxonomy to tag blog entries with topics.
 
Filters:
Easy-to-use filters allow users to sort blog entries by author, topic, and date.
 
Authors:
Create author bio pages that will automatically curate content, either with or without headshots.
 
Blocks:
Add your most recent blog entries to any page.
 
RSS:
To pull content via RSS, add /feed to any blog-related URL, including filtered results.

Other Improvements

Horizontal Lines and Special Characters:
Your content editing toolbar now has two additional options that will make formatting easier.
 
Bug Fixes:
Spacing of some frontend mobile elements and issues with backend scrolling behavior have been fixed.

May 1, 2018
Accessibility
Policies & Standards

 GAAD logoThursday, May 17th is the seventh annual Global Accessibility Awareness Day (GAAD). The target audience for this year’s free activities is UCSF website content editors, developers and owners.

Join us for a Brown Bag Presentation over the noon hour plus an afternoon of screen reader demos. Feel free to come and go during the screen reader demos, but please register at the links below.

Register to Participate

Space is limited. Please register for the event(s) you would like to attend and the Mission Bay location will be sent in your registration confirmation.

  • (Registration closed) Brown Bag Presentation from noon – 1 pm
  • (Registration closed) Screen Reader Demos from 1:30 – 4:30 pm

Brown Bag Presentation

The Brown Bag Presentation includes the announcement and demo of the new Siteimprove accessibility monitoring tool. This summer’s accessibility training schedule will also be announced.

Screen Reader Demos

Marc Sutton, an experienced screen reader user familiar with evaluating UCSF sites, will give live evaluations of websites. Experience what it’s like to hear a webpage. A developer will be on hand to help troubleshoot coding issues.

If you want your website included in the Screen Reader Demos, take the extra step to contact [email protected] to schedule a 30-minute time slot before they fill up - first come first served.

March 15, 2018
Custom Websites
Policies & Standards
Web Patterns Library

Working on a custom website? The new Web Patterns Library provides your website development teams and contractors with the code they need to create fully brand-compliant websites that meet accessibility standards. 

Benefits include combining efforts of multiple development teams across UCSF, saving time and money, and providing a consistent user experience.

If you are managing or overseeing a website project at UCSF, refer your design and development team to this resource.

December 27, 2017
Accessibility
Policies & Standards

The following modifications have been made to the UCSF Brand Guidelines for web applications:

Digital Colors:
Clarification on type size (in pixels, not points as previously listed) has been made. Brand portal now has live type for all digital colors, so HEX code can be copied and pasted onto your website. See Digital Colors page.

Hyperlink:
The universal hyperlink color for UCSF websites has changed from Pantone Process Blue C to #0071AD. The hyperlink color should not be used against dark backgrounds (i.e. in website footers.) See Digital Colors page of the Brand Portal for details.

Web Banners:
Additional detail provided for guidance on UCSF web banners (pixel size added for logo, logotype, menu items). Web banners are still downloadable from the brand portal, and HEX code added for recommended colors. See website standards page on the Brand Portal.

Navigation:
Recommended number of links for web navigation is 7 (previous recommendation was 9.) Additional detail provided for recommended font size (16 pixels) and white space between menu items (66 pixels). See website standards page on the Brand Portal.

Logo Lock-up Size for Websites: UCSF campus and clinical logo lock-ups on websites should be displayed at 332 pixels wide. A “web only” file is included in your logo files from...

Read more »
September 26, 2017
Site Builder

We have a new set of features available in Site Builder to help make your site shine. New improvements are:

Sticky Navigation Bar:
Help users navigate your site by keeping the top navigation bar in place as they scroll down a page.

Colored Boxes:
Add a splash of color to your 2-column or 3-column content by selecting from 6 different colors per column area.

Collapsible Content or FAQs:
If you have information you’d like to hide by default, such as an FAQ, you can now add it to any page.

Multiple Buttons:
There are now a wide variety of buttons, both large and small. Each button has an optional full-width version, which is wonderful for consistent styling in smaller areas like sidebar blocks or columns.

August 24, 2017
Site Builder

UCSF Site Builder will be updated on Monday, August 28, 2017 with improved tablet layout, typography, spacing and logo compression, as well as the following new features:

Adjustable Homepage Banner Animation Speed:
Tailor animation by choosing from a range of transition speeds, or turning off autoplay altogether.

Buttons:
Encourage a user to take action by adding a large or small button. 

Custom CSS Module:
Add custom CSS without modifying the underlying style sheet.

"See More" Block Buttons:
Allow users to navigate quickly and easily from commonly used blocks like News or Events.

Automatic Profile Photos:
All profiles will pull in an associated image from UCSF Profiles, which can be replaced, if desired.

Automatic Redirects:
Aliases and URLs can change without losing traffic or creating dead links.

June 19, 2017
Custom Websites
Web Hosting

IT has been providing free, managed, cloud web hosting since 2011. The hosting program has been a larger success than anticipated. In that time, the number of sites we host has increased from 21 sites to nearly 1,000 Drupal sites today.
 
With the increased quantity and complexity of UCSF websites, hosting costs have increased as well. This is primarily due to the added hardware and security measures that IT has added to its hosting service to ensure maximum uptime and security for UCSF websites.
 
All of these services come at a cost which has outstripped our subsidy from the University. To properly resource the web hosting, IT Governance has approved a modest hosting charge for custom websites. That cost will be $50/month for fiscal year 2017-18.
 
Only websites that use a custom theme – including Starter Kit 1.0 websites that have not upgraded to Starter Kit 2.0 – will be subject to the $50 monthly charge beginning July 1, 2017. UCSF Site Builder websites will still be hosted free of charge for the foreseeable future.
 
Find more information about how IT defines “custom websites."

May 31, 2017
Starter Kit

IT has migrated over 200 Starter Kit 1.0 websites to a newer design in line with UCSF design standards, called Starter Kit 2.0.

During that process, IT ran into two main issues:

Orange Starter Kit 1.0 Themes

Orange Starter Kit Theme
Example of an orange theme of Starter Kit 1.0.

Starter Kit 1.0 sites with the orange theme (pictured right) were not automatically migrated because that theme has been customized. Those site owners will need to manually upgrade their website by following these simple steps.

Display of Site Names

IT noticed a number of websites were missing their Site Name identification on the site and were only showing the default UCSF logo, which is not how UCSF branded sites should look. They tweaked some sites via script to enable the Site Name in the upper left portion of the header.

This could cause a couple problems:

  • Many sites never updated the Site Name, and it still says “Starter Kit."
  • If the site name is very long, the navigation will be pushed to the right. In this case, you will want to use a shorter name for your site.

In both cases, the problem can be fixed by logging into the site as an administrator. Go to Configuration -> System -> Site Information to check and edit your Site Name details.
 
Once the site name is updated, go back to your...

Read more »
May 5, 2017
Starter Kit

About 193 Starter Kit 1.0 sites have been successfully migrated, and IT expects to complete the remaining migrations by Monday, May 8.
 
For most websites, layout and format did not dramatically change; you should see improvements to the site’s overall look and feel, which include changes to your site’s header region, overall color scheme and homepage. IT has noticed an issue with the main UCSF logo appearing in place of the website’s name in the header section – they are currently working to restore the proper website name to that area.
 
If Starter Kit 1.0 admins haven’t already done so, please check your site asap to ensure there are no other formatting or display issues. If you see any major problems, please contact [email protected].

Pages