HTML – Poor Coding

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; }

C# get url parameter

HttpContext.Current.Request.UrlReferrer.Query.Substring(1);

ex)
http://000.000.000.000:0000/index.html?A=B&C=D
-> A=B&C=D

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

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

iOS7 Safari Html5 Audio Tag bugs

I just find bugs on iPhone5 upgraded with iOS7
Combination of [audio.play + new Audio] is unstable.

//This is sample source.

var audio1=new Audio(“[url of sound’s file]”);
…
…
…
// button’s touchstart event function
/********************
case1 – play sounds well
********************/
function playButton(){
audio1.play();
}

/********************
case2 – can’t play sounds
********************/
function playButton(){
audio1.play();
var audio2 = new Audio(“[url of sound’s file]”);
}

/********************
case1 – can’t play sounds well on 4G,3G mode
********************/
function playButton(){
audio1.play();
setTimeout(function(){
var audio2 = new Audio(“[url of sound’s file]”);
},500);
}

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