WordPressの特定カテゴリにベーシック認証をかける ベーシック認証をかけたいカテゴリのスラッグ名と同じ名前のフォルダを作成 作成したフォルダに、Wordpressトップのindex.phpと.htaccessをコピー コピーしたindex.phpの「wp-blog-hea… ゴトーハック2014.06.23 541
CSS3 & Sass:border-radiusで円を作るなら50%指定がよい 例えばCSSで円を作る際下記のようなCSSになります。 .box { width: 30px; height: 30px; border-radius: 30px; } しかし正円を作るならば%指定した方が良いです。 .… ゴトーハック2014.06.20 16,581
WebStormでGruntを使うファストガイド 前提 下記のフォルダ構成を前提とします。 project ├img ├js ├css └sass 手順 node.jsのインストールhttp://nodejs.org/ コマンドプロンプトで下記コマンド実行 (Grun… ゴトーハック2014.06.20 346
Sass:HTMLに「clearfix」を書くのを卒業しよう HTMLコーディングに欠かせないclearfixですが、気付けばHTML各所にclearfixの記述が多くなることがあります。 Sassのextendを使って個別にclearfixを記述することから卒業しましょう。 CS… ゴトーハック2014.06.19 598
JavaScript:UserAgentによってリンク先を変更する 例えばPCとスマホでリンクURLを変えたい場合、原理としてはUAを判別してhrefの中身を動的に変える処理になります。 HTML <a href="http://www.google.com/"… ゴトーハック2014.06.19 8,493
Compass(Sass):標準mixinを使いこなそう Compassにはmixinで作らずとも標準で利用できるmixinが存在します。 ベンダープレフィックスを付けて複数書かなければならないプロパティを簡単に書けるものが多いです。 @include border-radiu… ゴトーハック2014.06.18 227
jQuery:スクロールするレイヤー内で指定位置までスクロールさせる サンプルはこちら。 See the Pen nBidH by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ページを開いた時点で「Caption 4」を表示するようにしており、上… ゴトーハック2014.06.18 24,599
JavaScript:日付の計算 たとえばある時間に30分足したい場合。 var msDate = Date.parse("2014/06/17 10:00"); //日付を年から秒まで含めてミリ秒に変換 msDate += 1800… ゴトーハック2014.06.17 699
jQuery:イージング(Easing)でアニメーション表現を高める サンプルはこちら。 See the Pen nvlBb by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ボタンを押すことでそれぞれのイージングタイプに応じた動作を上のバーに反… ゴトーハック2014.06.17 568