Author Archives: matt

SVG Background Image with PNG Fallback using Modernizr

In this example Modernizr is used to detect SVG support. CSS is then used to display the image of a bike (PNG or SVG) as the background for a DIV. SVG is a scalable vector graphic, it will always be … Continue reading

Posted in Uncategorized | Leave a comment

Load AngularJS after Office Initialized

This JavaScript code snippet shows how to load an AngularJS application after Office has been initialized (or some other event has occurred). The key point here is that you need to do a manual bootstrap because the DOMContentLoaded event will … Continue reading

Posted in Uncategorized | 2 Comments

AngularJS Charts with CanvasJS

This example uses CanvasJS to chart Nintendo’s console sales in an AngularJS app. Clicking Bootstrap nav-tabs trigger the Angular controller to change the chart type (bar, column, pie chart etc). The file structure: In index.html setup chartApp and add all … Continue reading

Posted in Uncategorized | 1 Comment

Bootstrap 3 Responsive Breakpoint Values

The breakpoint values Bootstrap uses for media queries are pretty handy. The code below comes from the Bootstrap 3 Sass download in _variables.scss: Similarly the code below comes from the Bootstrap 3 Less download in _variables.less:

Posted in Uncategorized | Leave a comment