headerを途中で分割する
<div class="header"> </div><!-- /.header --> <div class="header"> </div><!-- /.header -->
CSS3のborder-radiusを扱いやすくする
.r10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.r20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.r30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
iPhoneサイトに行きたいか、まずユーザーに尋ねる
function iPhoneAlert() {
if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))){
var question = confirm(”Would you like to view the iPhone-optimized version of our site?”)
if (question){
window.location = “http://lite.iphonemicrosites.com/home.html”;
}else{
window.location = “http://iphonemicrosites.com/mainsite.html”;
}
}
}
WordPressでタイトルバーのSEOに一工夫
<title><?php if ( is_single() ) { ?><?php wp_title('«',true,'right'); ?><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat -> cat_name . ' « '; } ?><?php } ?>
<?php bloginfo('name'); ?>
<?php if ( is_category() ) { ?><?php wp_title(); ?><?php } ?>
<?php if ( is_year() || is_month() || is_day() ) { ?> » Archive<?php } ?>
<?php if ( is_author() ) { ?> » Author<?php } ?>
<?php if ( is_search() || is_tag() ) { ?> » Search<?php } ?>
</title>
IEの条件分岐コメントをbodyタグに実装する
<!--[if lte IE 5]><body class="ie-legacy"><![endif]--> <!--[if IE 6]><body class="ie6"><![endif]--> <!--[if IE 7]><body class="ie7"><![endif]--> <!--[if IE 8]><body class="ie8"><![endif]--> <!--[if gte IE 9]><body class="ie-edge"><![endif]--> <!--[if !IE]>--> <body> <!--<![endif]-->
最新のbase.cssをサイドバー上で公開中
/* RESET */ /* PREFERENCES */ /* REBUILD */ /* CLASSES */