Internet Explorer image resizing tip

Who knew?

Though it’s not best prac­tice to resize images in the brows­er this could real­ly be use­ful in the right sit­u­a­tion:

  1.  
  2. img { -ms-interpolation-mode: bicubic; }
  3.  

This lit­tle snip­pet will vast­ly improve the image resiz­ing abil­i­ties of ie — bring­ing it clos­er to the resized image qual­i­ty expe­ri­enced with Fire­fox or Safari.

exam­ple

[seen at devthought via css-tricks]

Problem with input focus on Safari

I had a javascript hic­cup, and I think the solu­tion may be help­ful to oth­ers.

The basic set­up is this:

Lim­it­ed space means no room for labels in a login form. So instead we used a pre­set val­ue in the input ele­ments, like so:

  1.  
  2. <input value="Username" name="username" type="text" />
  3. <input value="Password" name="password" type="text" />
  4.  

Which looks like this:



The easy way to blank out the descrip­tive text is to use the onfo­cus event like so:

  1.  
  2. onfocus="this.value=''"
  3.  

Con­tin­ue read­ing “Prob­lem with input focus on Safari”