【WebStormでSassを使おう】1:node.jsとGruntの準備 現状自分のマスト環境になっているWebStormでのSassの利用についてまとめます。 まずはnode.jsとGruntの準備から。 Sassはこれらを使って動くためです。 前提 WebStormインストール済み Web… ゴトーハック2014.11.25 234
隣接セレクタと擬似クラスの合わせ技 <div class=”class1″> ~ </div> <div> <ul> <li>~</li> ←このの最初の<li>にスタイル… ゴトーハック2014.11.25 605
CSS:IE専用「filter」によるalphaが一定条件下でバグる IE8以前ではCSSの「opacity」プロパティは使えず、代わりに下記のIE独自仕様のfilterプロパティで再現することができました。 filter: alpha(opacity=80); また同様にIE8以前は影を… ゴトーハック2014.11.20 583
head内の情報を抜き取る 厳密にはウェブページ内の該当するHTMLタグの情報を抜く形ですが、ヘッダー内のタグにも効いたので。 今回は「apple-touch-icon-precomposed」に設定している画像URLを抜き取りたかったのでその例で… ゴトーハック2014.11.18 259
Androidのバージョン判別 function androidVersion() { var ua = navigator.userAgent; if( ua.indexOf(“Android”) > 0 ) { var version = p… ゴトーハック2014.11.18 3,939
古いIEのCSSハック プロパティごとに記述するだけで適用バージョンを変えられる簡易的な手法をご紹介。 IE6 プロパティ頭に「_」を付ける。 .class { _margin: 0; } IE7 プロパティ頭に「*」を付ける。 .class … ゴトーハック2014.11.17 663
CSS:IE専用「filter」によるグラデーションが一定条件下でバグる .xxx a { ~ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=’#FFFFFFFF’, endCo… ゴトーハック2014.11.17 1,343
Emmet:!は便利 ! HTML上でこれをEmmetで展開すると下記のHTMLフォーマットを出力します。 <!doctype html> <html lang=”en”> <head> <meta … ゴトーハック2014.11.14 214
JavaScript:display操作用関数 モックでざっくりとポップアップウィンドウなどを作る際によく使う関数をご紹介。 function displayChange($target, $status) { var elm = document.getElemen… ゴトーハック2014.11.12 778