First, this is a condensed version of a well written post that can be found here. I’m posting this as reference for myself and for those of you who just want the nuts and bolts.

I was recently working on an incomplete project that leveraged CKEditor for a WYSIWYG editor. The original developer had pulled in CKEditor via NuGet but was using the Auto Grow plugin and had manually added it. This is fine for development but murders the concept of dependency management. So, I found this post and quickly published an Auto Grow NuGet package.

1. Download and install the NuGet Package Editor
2. Open it up, click on “Create a NuGet Package” and fill our the left hand side (click the little edit icon to edit)
3. Add the files in the directory structure you want them output (using the project root as the base directory)

Note: Step 3 is somewhat tricky
Make sure you first right click and add a “Content”...

Android Assets

Android devices come in all shapes and sizes and display resolutions. This means providing uniform assets across devices is tedious and somewhat complicated.

DP (Density Pixel)

Google created a special type of unit, dp (density pixel), to make dealing with assets easier.

How is that easier?

This unit generalizes all various display densities into a single display. What does that mean? It means a 100 dp x 100 dp will display the exact same on any device regardless of the device’s properties. So a 100 ppi device, 200 ppi device, 300 ppi device and 400 ppi device will also display the asset as the same size and same quality.

How does this magically happen?

It doesn’t

Assets must be created in a very special way to let Android do it’s thing. A designer needs to provide different assets for each generalized density type. What are these generalized density types and why do we...

Lacking time to write a full fledged post, I’ll only mention the quick tidbit I want to keep track of. Others might also find value in it:

Using the yo generator, angular-fullstack, I wanted to add Twitter’s Typeahead.js package via bower.

If all of this is greek to you, don’t worry, start with angular-fullstack and read through that page. You’ll quickly have a nice bootstrapped SPA running…

Back to what I was getting to. Typeahead.js breaks the Gruntfile script because of the “.js”.

Hashing dist/public/bower_components/typeahead.js...Reading dist/public/bower_components/typeahead.js...ERROR Warning: Unable to read "dist/public/bower_components/typeahead.js" file (Error code: EISDIR). Use --force to continue. 

Annoying and it’s more of an issue with the Gruntfile but an easy fix is to install Typeahead.js by providing a different name.

bower uninstall typeahead.js bower install...

Just now.