SharePoint SPWidgets Converted to AMD Modules

SPWidgets - purtuga.github.io/SPWidgets - is a project I started back in 2012 when I started to take advantage of the SharePoint platform to build custom web solutions for the teams I worked with. It initially served as a place to gather reusable User Interface (UI) components that could be quickly applied to multiple projects - … Continue reading SharePoint SPWidgets Converted to AMD Modules

Grunt – How to Copy Only New Files

In using Grunt on a large project, I wanted to speed up the build time by only copying files to the staging area that have changed. Unless I missed something, the Grunt Copy plugin always copies all files, regardless if they were changed or not. It does provide hooks that we can use in determining … Continue reading Grunt – How to Copy Only New Files

Grunt: How to embed the content of files in JavaScript Files

When working with any project, large or small, I almost always break up the source into different files in order provide clarity and maintain small working components. So you usually find a few different files under the src folder of my projects: JavaScript files, HTML files and CSS files - all of which are then … Continue reading Grunt: How to embed the content of files in JavaScript Files

How to Scope 3rd Party Cascade Style Sheets (CSS) with Grunt

Every client side web developer or even the occasional advanced user knows what a closure is suppose to do and why it is important to keep all variable within a private scope. Snippets like this are common when working with jQuery: It allows you to code freely inside of the above IIFE (Immediately-Invoked Function Expression) … Continue reading How to Scope 3rd Party Cascade Style Sheets (CSS) with Grunt

How To: Load a Private Version of jQuery with Require.JS

AMD Loaders Rock! I have been using require.js (an AMD loader) to do allot of client side development and can't really imagine starting any decent size project (App) without it.  It allows you to break up your code into modules that are loaded along with their dependencies (other modules). This design patters allows for greater … Continue reading How To: Load a Private Version of jQuery with Require.JS