CSS – Poor Coding

IE10 bug, mouse event passed by

In IE10
When click DIV positioned top of DOM
that has no background and exist text of another DOM,
mouse event passed by

Solution:
backgroud:#ffffff; opacity:0;

Test Case

HTML on Chrome, remove border(outline) of input tag when having focus

input:focus { outline: none; }

HTML on IE, remove delete(x) icon of input tag when having focus

input::-ms-clear { display: none; }

サイト公開前チェック事項

サイト公開前チェック事項
http://www.webtweet.info/2011/11/20のサイト公開前チェック事項/
ウェブサイトの速度とパフォーマンスをチェックするツール18選+α
http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/website-speed-and-performance-check-tools/

Twitter Button – Resize with javascript

<div id=”sns_twitter”>
<a href=”https://twitter.com/share”
class=”twitter-share-button”
data-url=”[your site address]”
data-text=”[your site description]”
data-hashtags=”[your site title]”>Tweet</a>
<script type=”text/javascript”>
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? ‘http’ : ‘https’;
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + ‘://platform.twitter.com/widgets.js’;
fjs.parentNode.insertBefore(js, fjs);
}
}(document, ‘script’, ‘twitter-wjs’);
</script>
</div>

// get twitter button(iframe) size
var snsTwitterIframeWidth = $(“#sns_twitter > iframe”).css(“width”);
// trim “px”
snsTwitterIframeWidth = parseInt(snsTwitterIframeWidth.substring(0, snsTwitterIframeWidth.length – 2));
// minus 34px on button(iframe) size (english only)
var snsTwitterWidth = snsTwitterIframeWidth – 34);
// resize twitter button wrapper
$(“#sns_twitter”).css(“width”, snsTwitterWidth + “px”);

// 1.wrap twitter button with div(sns_twitter here)
// 2.set style div overflow:hidden
// 3.resize your div size