Wednesday, August 24, 2016

Android: Retrieving SHA1 key for Firebase on Windows

    If you using firebase and want to debug for Oauth or Messaging you will need to add a certificate SHA1 from your app key. You might need it for other features but this is what I'm sure about. Assuming java is installed then wherever you java is installed is where you will need to point to for 

Example of File location
C:\Program Files (x86)\Java\jre1.8.0_60\bin

Command
"keytool -exportcert -list -v -alias "YOURALIAS"  -keystore YOURKEYFILE.jks > file.txt" 

I would output to a file so you can copy it later...

Resources
Authenticating Your Client

UI-Grid Percentage CellFilter and Color

    Today I got a chance to create a filter for my grid and apply some color which was simple enough to make. Initially I tried to apply both the style and the modification at the same time which cause a ton problems. This solution is less about code and more a remember to me how or why I split the two up.


app.controller('exampleCtr').filter('percentage', function () {
  return function (value) {
    return '<span class=" (value "'>' +(value*100).toFixed(0) + "%";
  };
});

//Quick snippet to setup data for colors.
 angular.forEach($scope.GridOptions.data, function(col, key) {     col.cellClass = function(grid, row, col, rowRenderIndex, colRenderIndex) {       if (col.cellFilter === 'currency' || col.cellFilter === 'percentage')         if (grid.getCellValue(row, col) < 0) {           return 'text-danger';         } else {           return 'text-success';         }     };   });


Resources

Monday, August 22, 2016

My Express/Nodejs Project (5/12/16)

    I currently have a project where I want build websites inside a website azure and output to github but I need to rapidly build them and demo the site without continuous integration. So basically I need something like plunker or codepen but with a more permanent repository system. I can't provide right now a url but just wanted to provide some notes and details on the project because I think it could be helpful to others who are looking for this type of solution (leave comment if you would like to see a feature).  I do have so of this project started, and currently using it for a few of the projects using bootstrap or angular.


Without Jade & Stylus


Mobile Design for Multi-Navigation Systems

      So awhile back I started a project that would extend or solidify the bootstrap sidenav. This is because I didn't think the grid system was qualified for such a major role. Bootstrap works great for mobile design up until you start talking about a different navigations than what the guidelines recommend. I'm still working on this project but for I now have hopes of finishing it which you can find on github under the  name bootstrap-sidenav-component. Much of my effect in the last couple years has been to extended bootstrap not recreate or overlap it, which is what this project will do as well hence why I call it a component of bootstrap.

Monday, August 15, 2016

Best Practice for IE, is Deprecate v8

     Originally I wrote this to handle IE8, with everything going on in my career and how fast my development moves its best just to move past supporting ie8 as soon as possible. I learned how to properly argue on requirement especially if ends up costing time. The next step is supporting ie9 which I don't have too much trouble with since modernizr and html5shiv (more useful for ie8 in my experience) have my back.

what's everyone doing?
A couple of things I see people doing is this "no-js" to the html and then looking at the user agent.


What I'm doing?
Nothing new just picking what works best for me. For js file condition I'm including the whole javascript files inline with the html, minified of course because I can still get access to the Browser condition with having to combine it to my single application JavaScript file.

Resources
What is the purpose of the HTML "no-js" class? - Stack Overflow
Taking Advantage of HTML5 and CSS3 with Modernizr · An A List Apart Article

References
https://www.coursera.org
https://www.codersclan.net/
http://www.quirksmode.org/css/condcom.html