Ben L. Williams
UX Designer / UI Developer

Resources

This is a place for me to store and share little widgets I made for regular use on freelance client's websites. If you'd like to make use of any of these in your projects, that's cool. It would just be nice if you would give credit back by placing benlwilliams.com/resources in the source code comments.

BLW Tab Viewer

jQuery Plugin

My version of the common functionality for switching views based on which tab you choose. It does neat things like automatically matching the tabs to their corresponding views, options for setting different animations on how the views switch, etc. All you have to do is follow the HTML pattern described in the documentation.

Example of the BLW Tab Viewer

  • View One. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

  • View Two. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

  • View Three. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

  • View Four.

    • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    • Aliquam tincidunt mauris eu risus.
    • Vestibulum auctor dapibus neque.
  • View Five. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

BLW Slider

jQuery Plugin

Documentation coming soon...

Slide from page to page with style. Automatically will detect the correct number of "pages" to slide through, and can set options for starting on a particular page. Also the little arrows (or whatever page turning graphic you choose) show/hide themselves based on if there's anything left to show.

  • Item One
  • Item Two
  • Item Three
  • Item Four
  • Item Five
  • Item Six
  • Item Seven
  • Item Eight
  • Item Nine
  • Item Ten
  • Item Eleven
  • Item Twelve
  • Item Thirteen