Webpack – How to Transpile and Minimize JavaScript Code and Import as Plain Text

This will be a quick one. Over the weekend, while working on feature for an app, I had the need to import a JavaScript file as a raw text string but also ensure that its content was ES5 compliant and minified. The feature I was working (for SharePoint MyBoard) was around being able to provide the … Continue reading Webpack – How to Transpile and Minimize JavaScript Code and Import as Plain Text

Advertisements

Creating a Private Event Bus with jQuery

jQuery has a great API for working with DOM events - both native and custom. The great thing about its system is that you can also use it on regular objects, thus allowing you to quickly create private event systems for your application that don't rely on DOM elements. In this post, I will show … Continue reading Creating a Private Event Bus with jQuery

How to render a SharePoint page in IE using EDGE mode without changing the master page

So you are running the latest version of Internet Explorer and you're thinking: I should get good performance and better User Experience when accessing a SharePoint site. After all, Microsoft® has done allot of work to bring that browser closer to being standards compliant. Wrong! SharePoint's User Interface (UI) is a creature of habit. It's … Continue reading How to render a SharePoint page in IE using EDGE mode without changing the master page

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

How To Get Information About a SharePoint List Item Using its URL

I recently had the need to get information about an Document Library item based on that item's URL. Particularly I was looking to know the item's ID and the List Name/ID that it belong to so that could the use the GetListItems operation of the Lists web services (using SOAP interface). All I had was … Continue reading How To Get Information About a SharePoint List Item Using its URL