CSS3:CSSだけでチェックマークを作る サンプルはこちら。 See the Pen HfzuE by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. SCSS後半の下記の部分でチェックマークを表現してます。 長方形の擬似… ゴトーハック2014.10.29 4,389
CSS3:スマホでタップした時のハイライトを消す a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } ハイライトを消すことに賛否はありそう… ゴトーハック2014.10.29 940
Git:新しいブランチを作り、すぐそのブランチに切り替える git checkout -b branchname checkoutはブランチ切り替えコマンドですが、-bオプションをつけることで新規ブランチの作成もできます。 git checkout -b branchname o… ゴトーハック2014.10.28 332
Compass:WindowsでCompassをインストールする まずはRuby本体のインストール。 参照: http://www.rubylife.jp/install/install/index1.html 次にコマンドプロンプトを立ち上げ、下記コマンドを実行する。 gem upd… ゴトーハック2014.10.27 513
node.js:複数ドライブ環境でもnode.jsは素直にCドライブに入れよう PCのメインドライブをSSDに換装し環境構築をしている過程で、gruntを設定するためnode.jsをシステムドライブ(C)と別のドライブ(D)にインストールしたところ、gruntが正常に動かないという状況が発生しました… ゴトーハック2014.10.27 2,151
JavaScript:テキスト入力関連のイベント、onChange,onInput,onKeyUp テキストフィールドに入力があった際のイベント処理についてメモします。 function alertValue($this) { $this.nextSibling.innerHTML = $this.value; } 入… ゴトーハック2014.10.24 88,022
CSS3:IE10からテキストフィールドに勝手に入る×ボタンを消す IE10以降からテキストフィールドに入力すると、クリアするための×ボタンが勝手に入ります。 これはCSSで消すことができます。 input[type=text]::-ms-clear { display: none; }… ゴトーハック2014.10.23 4,155
JavaScript:onResizeでウィンドウ幅にフィットし続ける まず下記関数を作ります。 function fitWindow($target) { var w = document.documentElement.clientWidth; var h = document.docu… ゴトーハック2014.10.22 5,227
JavaScript:親、子、兄弟要素を参照する 親要素 var parent = this.parentNode; <div class=”oya”> ←このdiv要素が親になる <button onclick=””>ボタン</butto… ゴトーハック2014.10.22 5,159