Performance through Minify, Concat using different methods.

Need something quick?
Try this, it just takes care of it. No control, can cause issues with angular due to its annotation for dependency injection.
Nginx Minification

Need a little bit of controller but want it to take care of the heavy lifting?
This tool basically renders out all the assets into a static folder structure.
Google Pagespeed

Haven’t used it but have heard great things.
Google Minify

This is my friend. We have grown close together. We had some growing pains but what friendship doesn’t.
I will probably write a separate tutorial on how I use this. I found there is very little documentation on how to implement this when your code structure isn’t perfect or you have a custom framework to deal with, but this is the tool to use for that, which again is why it sucks there is no documentation. More to come.
Grunt JS

Continue reading Performance through Minify, Concat using different methods.

Angular and Charts

In my first weeks of using angular, I came to the point of needing to put a chart on the page.
I recieved the data through an api call and then i was stuck. How do I get it into the correct format? Which library should I use?
I found chart.js, a super simple library that puts data on a page. GREAT, well at first. I was able to get data on the page, and it looked nice, but responsive design doesnt play well with something that needs fixed widths and heights. But it got me at least thinking on how to do things in angular. The library is simple and nice, I would recommend it for any basic chart you would need.
http://www.chartjs.org/

Then comes highcharts. I looked at the website for it, and was like “nope”. But it was the only thing that could do what I needed, so I tried it.
Once I got it up with a sample chart on a better looking site, the actual chart didn’t as bad, turns out its just the high charts website, still not as pretty as the chart.js charts but it will do.
Using the pablojim hightcharts-ng directive, and just a little bit of fiddle, I was able to get a chart up and running on the site.
http://www.highcharts.com/
http://ngmodules.org/modules/highcharts-ng
https://github.com/pablojim/highcharts-ng

Continue reading Angular and Charts

Angular Seed +

Starting out with angularjs, I had no clue what to do. I tried the tutorial on the official site, that got me far enough to say, “wow, ajax type request are easy, and putting things on the DOM is so simple” but the other half was “wow, one big messy file. I don’t like this.”

I started searching around. I found the angular-seed and angular-boilerplate and … so on, but the seed was almost the same issue, a few big files.

Then I found a post that talked about seed and boilerplate and he mentions an in between and it was beautiful. I quoted below. Within minutes I had figured out how to use it by basically just copying the seed project and breaking it out to his structure. I’ve within 2 months have created 4 fully angular projects with me being the only developer doing both front and backend. It has changed my (work) life.

Blog: I’ve been doing it wrong

You can make it more usable by using sub-directories for controllers, and so on:

controllers/
    LoginController.js
    RegistrationController.js
    AccountListController.js
    SearchResultsController.js
    directives.js
    filters.js
services/
    CartService.js
    UserService.js
    AccountService.js

Continue reading Angular Seed +

Adaptive Theming Part 01

This blogs first project is to start using adaptive themes.
You will see the appareance change from using this template: http://drupal.org/project/corolla, which is an adaptive theme based on the adaptivetheme. Add the sub theme I’m creating called OS Theme which is a child theme of the adaptivetheme also.
I’m using this blog to test and learn new technologies and to work on server performance.
http://adaptivethemes.com/documentation/adaptivethemes-documentation

Continue reading Adaptive Theming Part 01