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.

March 27, 2019
Web Best Practices
The UCSF A-Z list is one of the best Search Engine Optimization tools at UCSF. Here's how to use it.
January 4, 2019
Accessibility
Recognizing Siteimprove trainee attendees, announcing accessibility training changes for 2019, and celebrating accessible email notifications.
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."

Pages