select HTML tag in cross browser

Here is the beginning of my post. .risk-issue-search select { border: 0 !important; /*Removes border*/ width: 83%; /*font-family: 'SegoeUILight'; font-family: 'SegoeUISemibold'; */ font-size: 13px; color: #565a5c; /*background-color:#e6e6e6;*/ background: #e6e6e6 url("../images/select-downarrow.png") no-repeat center left 96.5% ; padding-right:18px !important; -webkit-appearance: none; /* Removes default chrome and safari style*/ -webkit-appearance: menulist-button; -moz-appearance: none ; /* Removes Default Firefox style*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ -o-appearance:none; text-overflow: ""; text-transform: capitalize; padding: 3px 0 3px 8px; font-weight:600; font-weight: normal; /*font-variant:normal; font-size-adjust:none;*/ background-color: #E6E6E6; }

Shapingup Angularjs - Level -1

iPad not rendering png background image Issue


iPad not rendering png background image Issue:

I fixed them  by re-saving the images for web as
1. being at least 10px wide
2. saving them as non-interlaced PNGs

This immediately fixed my problems.

SharePoint Designer wrongfully says a file is checked out when it is not





To Turns out you have to clear a cache in the local app storage.

C:\Users\Sathyareka\AppData\Local\Microsoft\WebsiteCache

From there just delete all the files or just the ones that correspond to your SharePoint site. Then restart SPD

@media - breakpoints

http://jsbin.com/zeyay/1/watch

An Introduction to AngularJS



Here is the beginning of my post. And here is the rest of it.

Creating own css grid system - 6 column grid/12px gutter/ responsive

creating own css grid system - 6 column grid/12px gutter/ responsive

CSS hack for Safari 5+ only NOT Chrome

There is a way to filter Safari 5+ from chrome JS Bin



Building a Single Page Application with ASP.NET and AngularJS


Great session, good speakers!








The source code is here: https://github.com/jongalloway/Angular-and-ASPNET-Build2014

Passing data to Bootstrap 3 Modal

Here is the beginning of my post.



Passing data to Bootstrap 3 Modal


JS Bin







Here’s the template code I use when creating a new plugin:

Here is the beginning of my post. And here is the rest of it.



/*!
* jQuery plugin
* What does it do
*/
(function($) {

$.fn.PlugInName = function(opts) {

// default configuration
var config = $.extend({}, {
opt1: null
}, opts);

// main function
function DoSomething(e) {
}

// initialize every element
this.each(function() {
DoSomething($(this));
});

return this;
};

// start
$(function() {
$("#select").PlugInName();
});

})(jQuery);

Workings of Browsers

Probably the best indepth article to explain the workings of Browsers I have seen to date. 

Must read by all web developers..