Per Design

Mostly musings on design

Per Design

  • CSS classes based on page location

    —

    by

    Ben
    in ,

    When styling SharePoint sites, it can be very useful to add specific styles to specific “pages” or views. Here’s a bit of jQuery/javascript code to make that possible. It works by grabbing the page location turning it into classes that are added to the body tag. jQuery(document).ready(function($){ //use a javascript variable to hold the results…

  • Nearly automatic breadcrumbs

    —

    by

    Ben
    in ,

    Breadcrumbs var here = location.href.replace(/(\?.*)$/,”).split(‘/’).slice(3); var parts = [{ “text”: ‘Home’, “link”: ‘/’ }]; for( var i = 0; i < here.length; i++ ) { var part = here[i]; var pageName = part.toLowerCase(); pageName = part.charAt(0).toUpperCase() + part.slice(1); var link = ‘/’ + here.slice( 0, i + 1 ).join(‘/’); $(‘#siteBreadcrumb ol.breadcrumb’).append(‘<li><a href=”‘ + link +'”>’…

  • SVG: Where a good idea runs into the brick wall of browser implementation (or lack thereof)

    —

    by

    Ben
    in ,

    Let’s say you want to create a nice, user friendly, device-agnostic, lightly interactive map. SVG immediately comes to mind as a good technology to use in such a case. Pretty good browser support now days and it doesn’t require plugins. For those who can’t use SVG, you can always provide fallback support as needed. Now…