Posts

Bootstrap integrated UI Block with Zero Flicker

The jquery plugin “UI-Block” is an oldie but goodie, which has helped me in some hairy situations from previous developers' work. A lot of code I come across isn’t prepared for delays but this library is the easiest way for handling delays and preventing user click events after ajax calls have happened. A while back I created a graph to help create consist flow for all the possibilities but I may have over just over complicated. With this new approach I have a straight forward solution that doesn’t require much js code. Rather that using JavaScript it uses. css for performance reasons. There is a angular UI-Block and even a update version of UI-block for bootstrap, but I didn’t see the performance of either that I was looking for. Inside a div element! The final piece is important. found an example - http://jsfiddle.net/wilsotobianco/b5LkaLan/2/ which I need to recreate, but for now I just used the modal for global use and inside the div display a process bar o

Use Seo for Employment!

    I think I have a pretty good understanding of  structured data. Most of my experience comes from my blog but now I'm using it with my personal sites and it got me think what good it could do for others if people used bring in work maybe they do and I just don't know. No more recruiters, headhunters, etc. However my personal experience taught me that it's much more than just putting your name out there. Its proving by example which is becoming easier each day for me, still this is what I did for my site. For Workers    Use schema.org and google's structured data tool, as a added bonus I recommend using microsoft's seo tools as well. Both bing and google have a webmaster tools, bing's isn't as nice in my opinion. The Gist of it (Microdata) <div itemscope="" itemtype="http://schema.org/Person">       <link itemprop="sameAs" href="http://www.anthonyfassett.blogspot.com/" />       <img itemprop=&q

Bootstrap: File Input Style + Angular

    Usually with file inputs for bootstrap I use simple  the "form control" class however it comes up too often for a little more. With my recent article on using font-awesome for checkboxes, I've been working to create the same approach. I even have an example I can show later on, right I'm using it to demo a service I have for parsing pdfs. Before I found the font-awesome idea here are some libraries or resources I found to add top of that. I'm using both of the angular links in one or more projects! Libraries jasny bootstrap dropzonejs With Angular Support http://nervgh.github.io/pages/angular-file-upload/examples/simple/ https://github.com/danialfarid/angular-file-upload Notes http://bootsnipp.com/snippets/featured/bootstrap-drag-and-drop-upload

Asp.net: Dynamic Sitemap.xml

    This is an article I started to working for the project: rustkickers, which for now I'm putting on hold. What I was trying to do was kill two birds with one stone. If you need a good sitemap to submit to google or to create a "site map" for you users then this would do it. I haven't finished making it but there is where my notes are. Generating dynamic XML Sitemaps in ASP.NET MVC - Ben Foster ASP.NET MVC: Get all controllers - Stack Overflow Resource http://www.robtennyson.us/post/dynamic-sitemaps-with-aspnet-mvc  - Example http://blog.divergencehosting.com/2009/04/01/dynamic-create-google-sitemap-aspnet/  - Another example Create a Google Site Map with ASP.NET ASP.NET MVC: Get all controllers - Stack Overflow http://msdn.microsoft.com/en-us/library/yy2ykkab(v=vs.100).aspx Maybe create a atom feed instead of a sitemap.xml? http://weblogs.asp.net/seanmcalinden/create-rss-and-atom-feeds-using-custom-asp-net-mvc-action-results-and-the-microsoft-syndicat

Retrofit Callback instead of Async Handler

   For a quick and dirty solution I used an async handler in my activity, to call an api. I sometime need to see things work right for a sanity check, and win whatever small achievement it holds. Whether its just to reassure me I'm on the right path. So below is a quick and simple change but makes all the difference. @GET ( "/GetTimes/{id}" ) public ArrayList<YourObject> GrabData ( @Path ( "id" ) String id); vs @GET ( "/GetTimes/{id}" ) void GrabData( @Path ( "id" ) String id, Callback<ArrayList< YourObject >> callback); Resources using Square's Retrofit networking library Retrofit.Callback's success() and failure() If you callback is in a fragment Receiving custom parameter in retrofit callback

Bootstrap Styled Checkbox with FontAwesome

   I was inspired recently when I cam across some quick css that leverage font-awesome for browser specific inputs, which I liked so much I wanted to further but as luck would have it I already found a project that did this. Which added support for the different types of components in bootstrap. I'm still looking for a project does this with the file input style. Regardless if I don't I'm going to make one and adapt it in a project that uses my npm package. References http://codepen.io/jamesbarnett/pen/yILjk/ https://github.com/flatlogic/awesome-bootstrap-checkbox Side note https://github.com/HourlyNerd/angular-bootstrap-checkbox

Company Logo's by CSS and maybe with Seo support?

Overview     What I want to do is take a company logo and instead of an image to display is by css instead. Then using the favicon of the as the seo image and for backward support on older browser. With css3 animations this would allow me to add more flare to the logo as well as the company name that usually appears inside the logo image. This Separation would give much a lot flexibility as well as quality over an image. Example Below is an example of a logo (similar but exact to company logo), and as stated usually a company name is either beside the logo or the company itself is apart of the logo. With internal apps I would reuse this logo but not the company name. Code: https://github.com/fassetar/blog-examples/tree/gh-pages/logo-svg Notes     I haven’t fully tested this on a website buts it’s still just an idea and if it works it could save time retrieving the logo in a single favicon which can still be a png. There is were a fallen can take place, in m