Friday, June 24, 2011

sharepoint 2010 branding

This page contains a list of resources useful for SharePoint 2010 Branding, User Interface, Design and Web Content Management solutions.

As I was researching SharePoint 2010 Design for our new book Beginning SharePoint Designer 2010 (wrox), I collected several links to good resources. I hope you find them as helpful as I did. I tried to bucket them in order of design/dev cycle. Why? Probably because I’m an Information Architect at heart. No reason really.

 

Key Resources

Planning and Design


Usability

Information Architecture

Wireframes and prototypes

Web Content Management

User Interface Design


Implementation

 

Microsoft SharePoint Designer 2010

Downloads:

CSS and HTML Resources

SharePoint 2010 requires a better understanding of CSS than you needed in SharePoint 2007. You really should be able to plan your css. If you can use the box model on purpose. If you know how to clear a float. If you understand a stacking index, you are okay. If you don’t, practice on plain old HTML first. Build your own HTML from scratch and style it. Draw a design and build it from scratch Plan it.
CSS Sticky Footer – You may find yourself struggling to get your footer to stay at the bottom of your page. If you really want this to be a part of your site, test the layout and structure all alone to troubleshoot. Test with and without content on as many site templates as possible. CSS Sticky Footer, CSS Sticky Footer II, CSS Sticky Footer III
  • JS Sticky Footer If all else fails, use this JS Sticky Footer. Be sure to test your site with real content!! If it’s not in the body of the site, look to the CSS overflow as the culprit.
  • Understanding Floats (another advanced technique but helpful alternative to overflow)

Themes

General SharePoint CSS and Markup

SharePoint Navigation


Master Pages


Starter Master Pages

Master Page Tips and Tricks that will save your ARSE

Simply Cool Tips and Tricks

Upgrading 2007 Designs

Ribbon

Mobile

Templates, Tools & Themes

SharePoint Design Galleries

Videos

Developer Links

No comments:

Post a Comment