ゴトー
Sass：ネストのやりすぎ注意
Sassのネスト構造は非常に便利ですが、慣れてくるとつい下記のように長くなることがあります。 .classname { p { } a { } ul { li { div { a { } } } } .class1 { …JavaScript：クリックした要素の直下に、対象の要素を表示させる
簡易的な例ですが、クリックしたボタンのすぐ下にポップアップを開く時などに使う関数は、大体下記のようなパターンです。 function setBounds($this, $target) { var bounds = $t…IE7でdisplay:inline-blockを表現する
.inline-block { display: inline-block; *display: inline; zoom: 1; } IE7ではinline-blockの値が存在しないため、スターハックとzoomを使う…CSS3：文字や画像を選択できなくする
ブラウザ上の文字をドラッグしたり、ブラウザ上をWクリックすると選択状態になりますが、「user-select」プロパティを使うことでその選択をできなくします。 -webkit-user-select: none; -mo…MovableType：記事作成画面が正常に開かなくなったら
つい先週WordPressでの似たようなこと書きましたが、全く作りの違うMovableTypeでも似たような記事作成画面でのトラブルがあったのでメモ。 問題 HTMLモードでインラインにJSを結構書き込んでいる記事を編集…JavaScript：一つのリンクをPC用URLとスマホ用URLに切り分ける
PCで見た場合はPC用URL、スマホで見た場合はスマホ用URLに切り分けるというリンクを作ります。 <a href=”http://www.example.com/pc.html” id=”changeLink1″…最近よく使うEmmet記法 2014年10月版
db → display: block; dn → display: none; dib → display: inline-block; bgc#fff → background-color: #ffffff; pos…