アクセス制限で検索エンジンのみ許可する.htaccessアクセス制限で検索エンジンのみ許可する.htaccessです。SetEnvIf Referer "^http://google" chk_urlSetEnvIf Referer "^https://google" chk_urlSetEnvIf User-Agent "Google-Site-Verification" allowbotSetEnvIf User-Agent "Googlebot" allowbotSetEnvIf User-Agent "Slurp" allowbotSetEnvIf User-Agent "bingbot" allowbot※ Google、MSN、Bing、Yahoo!のbotのみを許可。※ 上...14Aug2019.htaccessコピペ
windowsとmac両方で丸ゴシックを表示させるCSSwindowsとmac両方で丸ゴシックを表示させるCSSです。font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";12Aug2019コピペCSS
特定のURLの時のみIDにclassを付与するjs特定のURLの時のみIDにclassを付与するjsです。<script type="text/javascript">hideClass = location.href.indexOf("xxxxxxx"); if ( hideClass !== -1 ) { document.getElementById("btn").className = "active";}</script>※URLに「xxxxxxx」がある時のみ、id="btn"にactiveというclassを付与。10Aug2019コピペjQuery
スマホの場合のみtelリンクを有効にするスマホの場合のみtelリンクを有効にするjsです。if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) { $(function() { $('.tel_link').each(function() { var str = $(this).html(); if ($(this).children().is('img')) { $(this).html($('<a>').attr('href', 'tel:' + $(this).children().attr('alt').replace(/-/g, '')).a...08Aug2019コピペjQuery
特定のクラスに連番でidを付与要素それぞれの色を変えたい時など、特定のクラスに連番でidを振るjQueryです。もちろん、jQuery本体は読み込んだ状態で書いてくださいね。<script>$(function(){ $('.example').each(function(i){ $(this).attr('id','category' + (i+1)); });});</script>※ li class="example"にid="category1"から連番で付与。クラス名、id名は自由に変えてください。06Aug2019jQuery
hover時にふわっと変化させるCSShover時にふわっと変化すると、一気にオシャレな印象になります。（僕だけですか？）対象のaタグに以下を記述するだけ。transition-property: all;transition: 0.3s linear;0.3sはスピードの設定なのでお好みで変えてください。04Aug2019CSS
【コピペでOK】サイズ変更できる擬似クラスの記述擬似クラスのcontentに直接画像を設定してしまうとサイズ変更が出来ない為、不便ですよね。そこで、擬似クラスの背景として画像を入れることでbackground-sizeでサイズ変更を出来るようにします。そうすることでレスポンシブデザインにも柔軟に対応できます。↓をコピペでwidth、height、background-imageの指定を変えるだけでOK。（場合によっては場所指定も変えてくださいね）a:before { content: ''; display: inline-block; width: 00000px; height: 00000px; background-ima...01Aug2019CSSコピペ