Chrome automatic validate the “url” and “email”….. at front end. A small tooltip in red appeared.
which is annoying because we don;t know where its coming from.

= form.input :website
= form.input :email


This code will generate

<input name="website" size="30" type="url" >
<input name="website" size="30" type="email" >


To fix this we need to

= form.input :website :as => :string
= form.input :email


https://github.com/justinfrench/formtastic/issues/626

Problem:

.container{
padding: 20px;
}
.toolbar{
margin-top: -10px ;
}

in IE red area of toolbar div hide itself. even we are using zoom: 1. to get rid of this problem we need to add position: relative too.

Solution:

so your css class will become
.container{
padding: 20px;
}
.toolbar{
margin-top: -10px ;
zoom: 1;
position: relative;
}

Font size to 0, line height to 0 then element should be block, overflow hidden…. works on both IE7 & IE8..
 

OR you can use
text-transform:capitalize

both work

1. Avoid rules. Avoid order. Don’t just embrace chaos, but create a little bit of it. Constant change, from the top-down, keeps people nimble and flexible (and shows that you want constant change).
2. Give yourself and your team permission to be creative. Permission to try something new, permission to fail, permission to embarrass yourself, permission to have crazy ideas.
3. Hire weird people. Not just the tattoo’d and pierced-in-strange-places kind, but people from outside your industry who would approach problems in different ways than you and your normal competitors.
4. Meetings are a necessary evil, but you can avoid the conference room and meet people in the halls, the water cooler, or their desks. Make meetings less about delegation and task management and more about cross-pollination of ideas (especially the weird ideas). This is a lot harder than centralized, top-down meetings. But this is your job — deal with it.
5. Structure your company to be flexible. Creativity is often spontaneous, so the whole company needs to be able to pivot quickly and execute on them

Full article on Fast Company

this code is to disabled the button and add disabled class to it.
problem: This is not working with jquery ui dialogs. It disabled the button before the form submitted so button params = nill

Solution: So i am using delay. so come up with something like this

//disbale submit buttons using live for fly elements
$('input:submit').live('click', function(e) {
$(this).addClass("disabled");
// dealy to fix popup problem
function setDelayed(jqObj, to) { setTimeout(function() {jqObj.attr("disabled", "disabled");}, to); }
setDelayed($(this), 1);
});

Best practice is to use asynchronies false
$.ajaxSetup({
async: false
});

By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need synchronous requests, set this option to false. Cross-domain requests anddataType: "jsonp" requests do not support synchronous operation. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.

both are use to attached event to current element and future elements which we append after DOM loaded e.g. we load some table rows using ajax.

but still they have difference…

let start with live()
Its attached directly to elements like class or id but not be used with chaining.

Right use of live
$(‘a’).live(‘click’, function(){
blah blah...
});

Wrong use not possible (chaining)
$(‘#foo’).children(‘table’).find(‘td’).live(‘click’, function(){
blah blah...
});

This is possible with delegate
$(‘#foo’).children(‘table’).delegate(‘tr’, ‘click’, function(){
blah blah...
});

Another difference is performance
Context is defining the search limit to bubble to top level of element.
Live() default context is document…. so it bubble till document which cause the performance issue.

In Query 1.4 they provided option to define context for live other then document
$(‘a’, $(‘#mytable’)[0]).live(‘click’, function(){
blah blah...
});

In delegate you can set context which cause less traverse
$(‘#mytable’).delegate(‘a’,‘click’, function(){
blah blah...
});

So better to use delegate all the time instead of live() and bind().


$("#table").delegate('td','mouseover mouseleave', function(e) {
if (e.type == 'mouseover') {
$(this).parent().addClass("current");
$("colgroup").eq($(this).index()).addClass("current");
}
else {
$(this).parent().removeClass("current");
$("colgroup").eq($(this).index()).removeClass("current");
}
});


so your css class will become

.foo{
margin-top: -10px;
zoom: 1
}
This will solve the problem

filter: "alpha(opacity=" + round(!opacity*100) + ")"
/* for IE 5-7 */