DEVELOPER RESOURCES

UC Berkeley-specific Resources Navigation, Architecture, Accessability and Usability Photography and Scanning

Reference Style Guides Validators

Web Color Web Design Web Development

** Please include the URL with all requests for Web site corrections. Thank you. **

UC Berkeley-specific Resources

Identity Resources Includes design and editorial style guides, plus downloadable files (photos, fonts, seal, and more) Computing "For staff & departments" including: assistance and training professional organizations and conferences user groups and mailing lists. Assignment of Photographic, Motion Picture, VIDEO, and Sound Recording Rights: PDF Word Document web page

Campus IT Policies including: E-Architecture Documents and Resources Copyright Notices on Campus Websites Services for Web Developers on the Berkeley Campus (Webnet list) Campus Photo download page blu e-Learn Online learning opportunities. Flyer and FAQ from Career Compass Note: You must be logged in with your CalNet ID to access. Once logged in, it will appear on the left nav under "Self Service."

Navigation, Architecture, Accessability and Usability

• Acessibility at UCB
  • Web accessibility at Berkeley
  • (Re)designing your website with accessibility in mind
  • Tips for improving web accessibility
  • Tips for improving web accessibility - round 2
  • Tips for improving web accessibility - round 3

• Adaptive Path Essays and Articles

• Designing More Usable Web Sites, from the Univ. of Wisconsin

• Accessability links (Webnet list)

• Dive Into Accessibility

• UI Patterns and Techniques

• Usability First

• PDF Document Acessibility (from the May 6, 2008 Webnet meeting)
  • Transcript [Word]
  • Sean Keegan's Power Point slide presentation [PowerPoint]
  • webcast.berkeley (contains webcast and podcast)
  • YouTube (webcast only)
  • iTunes U (webcast only)

Photography and Scanning

• Basics of digital photography for the Web, (The Web Corner: Berkeley Computing & Communications)

• A Few Scanning Tips (Great resource for scanning images.)

• Photography Tips for Web Developers (The Web Corner: Berkeley Computing & Communications)

Reference

• Bare Bones Guide to HTML, by Kevin Werbach

• X/HTML Tag Library, from About.com

• The Web Standards Project

• The World Wide Web Consortium (Standards for HTML, XHTML, etc.)

Style Guides

• The Elements of Style, Strunk, William. 1918. (Yes, this classic book is online!)

• UC Berkeley Identity Resources Includes design and editorial style guides, plus downloadable files (photos, fonts, seal, and more)

• UC Berkeley Web Design Guide (Most of this material is out of date, but the site may provide useful links.)

• Yale Style Manual Style guide for creating web pages. (Think Chicago Manual for the web.)

Validators

(Also see Webnet's Website Accessibility site.)

• BOBBY is now an IBM commercial product called "IBM Rational Policy Tester Accessibility Edition" (and sometimes referred to as Watchfire Bobby or WebXact). See their Human Ability and Accessibility Center for more information.

• W3C CSS Validation Service

• W3C HTML Validation Service Are you writing good HTML code? Validate your Web page with this free service.

• Web Design Group CSSCheck

• Web Design Group HTML Validator

Web Color

• The Colorizer, from Webreference.com See how your text color will look against a background before you make changes in your web pages.

• Online Color Scheme Generator

• Visibone: Web-safe Colors

• Webmonkey Reference: Color Codes Handy chart of color codes.

Web Design

• Boxes and Arrows

• Lynda.Com by Lynda Weinman (Scroll down to the Free Resources heading.) Their mission is helping media designers and communicators understand how to use professional tools and design to enhance visual communication through web, print, and motion graphics.

• Web Pages That Suck Learn about good design by looking at bad design. Highly irreverent but very informative.

Web Development

• A List Apart

• TechRepublic (Cnet)

• DeveloperWorks, from IBM

• Digital Web Magazine

• Evolt

• Web Design/HTML Guide, from About.com, by Jennifer Kyrnin
  There is a lot of high-quality information here, all nicely organized. you can sign up for their newsletter, too.

• HTML Special Character Guides:
  • HTMLSource
  • W3C

• Dr. Dobbs Portal (formerly New Architect Magazine, formerly Web Techniques)

• RESTful Web Services (O'Reilly's Safari on-line book): Chapter entitled "Ajax Applications as REST Clients"

• RSS (A web content syndication format.)
  • What Is RSS? (Backend.Userland.Com)
  • RSS resources (UCB iNews)

• SitePoint

• W3Schools Online Web Tutorial:
  • Learn CSS
  • Learn HTML
  • Learn XHTML

• Web Developers Virtual Library A good resource for tutorials and information on tools for the web.

• Webmonkey: The Web Developer's Resource Another resource for web development.

• WebReference

THANK YOU to numerous individuals for these resource items, including: Gina Blednyh, Stella Bourgoin, Nancy Capell, Fleur Helsingor, Jeanne Moje, Kalle Nemvalts, Aron Roberts, Kathleen Phillips Satz, Pat Soberanis, and Parshaw Vaziri.

© Webnet/University of California, Berkeley. 2009