Tag Archives: Internet Explorer

CMS

Drupal 7 – IE fix for Bootstrap 3 theme

Leave a comment

Previously i have a post about using Bootstrap 3 theme in Drupal 7.

 

If the website you are building needs IE 8 support, a few hacks has to been done. Please note that using CDN to serve the Bootstrap source files will not work in this case. So you have to use method 1 to serve the Bootstrap source files locally when installing the Bootstrap 3 theme in Drupal as stated here.

1. Copy the system/html.tpl.php from the Bootstrap 3 base theme to your subtheme templates folder.
Continue reading Drupal 7 – IE fix for Bootstrap 3 theme →

創業記

成立香港有限公司 @ 2

Leave a comment

起初我想親身到位於金鐘的公司註冊處填寫及遞交申請文件，原因是我對於註冊的過程不太清楚，所以希望在那裡直接完成所有手續，誰知道詢問處的職員說現在所有申請都必須在網上進行，所以只逗留了數分鐘便離開。

在網上成立有限公司，第一步就是要登記一個註冊易用戶。
註冊易網站
Continue reading 成立香港有限公司 @ 2 →

CSS, jQuery

Font/Text distortion on animate() and opacity in Internet Explorer

Leave a comment

I have a HTML div which will be shown from hidden to visible by changing the opacity with jQuery animate(). It works fine in normal browser like Chrome and Firefox. But from the abnormal browser like Internet Explorer, the font/text is distorted.

Internet Explorer has problem with opacity and font antialiasing in animate(). A workaround is to remove the opacity after the animation is completed.

$("#my-div").animate({opacity: 1},500, function() {
  $(this).css('opacity', '');
});

Continue reading Font/Text distortion on animate() and opacity in Internet Explorer →

CSS, Javascript

CSS Browser Selector – Align the CSS styles for different browsers and OS

Leave a comment

We have Modernizr to handle the HTML5 and CSS3 problem in old browsers.
Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming

Today, i would like to introduce another tool which could help you aligning the CSS styles for different browsers as well as OS. This tool is called CSS Browser Selector. Although it is not updated for more than a year, it is still very useful if you need to deal with Internet Explorer 7 & 8.

Similar to Modernizr, what u need to do is just included the library in the <head> tag.
Continue reading CSS Browser Selector – Align the CSS styles for different browsers and OS →

CSS3, HTML5, Javascript

Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming

3 Comments

Having problem on HTML5 and CSS3 with Internet Explorer? The Modernizr library could help you to tackle the problem. It checks the HTML5 and CSS3 features supported by the browser and developers could determine them by checking the classes of the <html> tag.

Download Modernizr and create the following index.html.
Continue reading Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming →

CSS, CSS3

CSS3 – Smooth the text in WebKit browser after Text Rotation by activating the anti-aliasing

3 Comments

Text rotation can be done by CSS3 3D Transforms. But after the transform the text is aliased. For WebKit browser, the anti-aliasing feature could be enabled by adding the following CSS style.

  * {
    -webkit-transform: translate3d(0,0,0);
  }

Continue reading CSS3 – Smooth the text in WebKit browser after Text Rotation by activating the anti-aliasing →

CSS, CSS3

CSS3 – Text Rotation by 3D Transforms

1 Comment

Next: CSS3 – Smooth the text in WebKit browser after Text Rotation by activating the anti-aliasing

We can rotate text by using the CSS3 transform.

To rotate a text in clockwise direction with 45 degree:

p {
  -webkit-transform: rotate(45deg); /* Safari and Chrome */
  -moz-transform: rotate(45deg);    /* Firefox */
  -ms-transform: rotate(45deg);     /* IE 9 */
  -o-transform: rotate(45deg);      /* Opera */
  transform:rotate(7deg);
}

 
Continue reading CSS3 – Text Rotation by 3D Transforms →

HTML5

HTML5 – Play sound/music with <audio> tag @ 1

3 Comments

Next: HTML5 – Play sound/music with <audio> tag @ 2

With HTML5, we can easily play audio file with the <audio> tag. Here is an example.

<html>
  <head></head>
  <body>
    <audio controls loop autoplay>
      <source src="music.ogg" type="audio/ogg" />
      <source src="music.mp3" type="audio/mp3" />
      Your browser does not support the audio element.
    </audio> 
  </body>
</html>

Continue reading HTML5 – Play sound/music with <audio> tag @ 1 →