正規表現で置換しよう 色んなツールに置換機能はありますが、置換に正規表現が使えるケースも多々あります。 一定ルールで条件を指定して置換を行うことができます。 (.*) // 1文字以上何文字でもマッチする (.) // 1文字だけマッチする … ゴトーハック2014.10.21 1,882
Sass:ネストのやりすぎ注意 Sassのネスト構造は非常に便利ですが、慣れてくるとつい下記のように長くなることがあります。 .classname { p { } a { } ul { li { div { a { } } } } .class1 { … ゴトーハック2014.10.20 2,365
JavaScript:クリックした要素の直下に、対象の要素を表示させる 簡易的な例ですが、クリックしたボタンのすぐ下にポップアップを開く時などに使う関数は、大体下記のようなパターンです。 function setBounds($this, $target) { var bounds = $t… ゴトーハック2014.10.20 4,800
IE7でdisplay:inline-blockを表現する .inline-block { display: inline-block; *display: inline; zoom: 1; } IE7ではinline-blockの値が存在しないため、スターハックとzoomを使う… ゴトーハック2014.10.20 858
CSS3:文字や画像を選択できなくする ブラウザ上の文字をドラッグしたり、ブラウザ上をWクリックすると選択状態になりますが、「user-select」プロパティを使うことでその選択をできなくします。 -webkit-user-select: none; -mo… ゴトーハック2014.10.17 979
MovableType:記事作成画面が正常に開かなくなったら つい先週WordPressでの似たようなこと書きましたが、全く作りの違うMovableTypeでも似たような記事作成画面でのトラブルがあったのでメモ。 問題 HTMLモードでインラインにJSを結構書き込んでいる記事を編集… ゴトーハック2014.10.16 270
JavaScript:一つのリンクをPC用URLとスマホ用URLに切り分ける PCで見た場合はPC用URL、スマホで見た場合はスマホ用URLに切り分けるというリンクを作ります。 <a href=”http://www.example.com/pc.html” id=”changeLink1″… ゴトーハック2014.10.15 6,862
最近よく使うEmmet記法 2014年10月版 db → display: block; dn → display: none; dib → display: inline-block; bgc#fff → background-color: #ffffff; pos… ゴトーハック2014.10.14 194
文章構成に役立つnowrapとwbrタグの合わせ技 Webデザインにおいて、テキストは文中改行(<br>)せずに流し込み、ブロック幅での自然改行に委ねるのが美しいとされていますが、そのうえでも文章の区切りのいい位置で改行させたいケースはあると思います。 そこで… ゴトーハック2014.10.10 837