# Web Developer and Designer Resources

**Links**

- [<span class="caps">UCLA</span> Campus Web Publishers Group](http://www.ucla.edu/cwc/)
- [4096 Color Wheel](http://www.ficml.org/jemimap/style/color/wheel.html) – *Pretty useful tool to find web-safe/web-smart colors*
- [Standalone versions of IE](http://www.skyzyx.com/downloads/) – This website provides downloads and tutorials on how to install different versions of IE on your computer. Very useful for testing your website across multiple browsers.
- [University Web Developers Mailing List and FAQs](http://www.usask.ca/web_project/uwebd/) – *this often has very relevant queries for web admins at universities and colleges. It’s a good place to get a quick survey of how different places do things.*
- [Web Design Cheat Sheets](http://www.codebymatt.com/news/56) – *A list of most often used commands for programs and languages that web developers use most often.*
- [Yahoo! Design Pattern Library](http://developer.yahoo.net/ypatterns/) – *Yahoo!’s thinking on common interface design issues for traditional and rich Internet applications.*
- [Yahoo! User Interface Library](http://developer.yahoo.net/yui/index.html) – *The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as <span class="caps">DOM</span> scripting, <span class="caps">HTML</span> and <span class="caps">AJAX</span>.*
- [UI Patterns Library](http://ui-patterns.com/) -*Another UI Design Pattern Library*
- [Patterny](http://patternry.com/) -*UI Design Pattern Library and Tool for collecting patterns for projects shared with team*
- [Pattern Tap](http://patterntap.com/) -*A Popular UI Design Pattern Library submitted by web/ui professionals. Unlike most sites that just have screenshots of websites, Pattern Tap has separate galleries that focus on just website footers, signup pages, sub-navigation, form buttons, tabs, thumbnails, slideshows, and more.*
- [Getting Creative With Transparency in Web Design](http://www.smashingmagazine.com/2008/04/16/getting-creative-with-transparency-in-web-design)
- [Designing Web Interfaces – Principles and Practices for Rich Interaction](http://designingwebinterfaces.com/essential_controls)
- [Designing Social Interfaces Presentation](http://www.slideshare.net/emalone/los-angeles-ixda-designing-social-interfaces) – *Addresses designing for social networks*
- [Smashing Magazine article on Type Best Practice](http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/) -*Best practice for web professionals on the topic of typography*
- [Toolbox.cc](http://thetoolbox.cc/) – *A collection of tools and widgets*

**Useful Tools/Plugins**

- [http://lorempixum.com/](http://lorempixum.com/) – free placeholder images, any size
- FireFox – Please see [Firefox Add-Ons for Web Developers](https://kb.ucla.edu/link/443)
- [Mozilla Firefox for Rapid Web Development and Testing](http://www.ariadne.ac.uk/issue42/lauke/)
- IE 7 – [Web Developer Toolbar](http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en)