Androidバグ:4系の標準ブラウザでposition:fixedがおかしい Android4.4のタブレットで報告があり、4.2のタブレットでも標準ブラウザで再現できたイヤな描画バグがあったのでメモ。 症状 素早くスライドした勢いで画面最上部か最下部にぶつかって止まると、その勢いのままposit… ゴトーハック2014.11.10 1,063
WebStormでGruntコンソールが開けなくなった場合 たまーに起こるのですが、WebStormで画面下のGruntコンソールが閉じてしまい、開くためのショートカットも消えてしまうことがあります。 ファイル一覧のGruntfile.jsを右クリックすると、「Open Grun… ゴトーハック2014.11.10 180
Androidバグ:2系ではテーブルのセル(th,td)にposition:relativeが効かない テーブルのセル内にはposition:relativeが効かないようなので、セル内を基準にしたい場合はdivを一枚かます必要がありそうです。 <td> <div> <i class=”abs… ゴトーハック2014.11.05 308
Androidバグ:2系ではborder-radiusの%指定が効かない border-radius(50%); この記述で1辺の半分の円、widthとheightが同じであれば正円が作れるのですが、Android2系ではこの%指定が効きません。 角丸に関してはオブジェクト指向的なCSSができ… ゴトーハック2014.11.05 453
スマホでのチェックボックスの挙動は、labelタグよりJS処理の方がレスポンスが良い <label for=”check1″><input type=”checkbox” id=”check1″>チェック</label> 上記のようにlabelタグをクリックでチェックボ… ゴトーハック2014.11.05 1,299
チェックボックスを擬似的に読み込み専用にする <input type=”checkbox” onclick=”return false”> チェックボックスは「readonly」を入れてもならないのでJSで擬似的にする方法です。 ゴトーハック2014.11.05 405
WebStormで一つのプロジェクトで複数のGruntを走らせる たとえば1つのWordpressサイトで複数のテーマをGruntを使って編集したい場合、複数のGruntを動かしたくなるケースがあります。 結論から言えば、Gruntfile.jsをコピーするだけでOKです。 Compa… ゴトーハック2014.11.04 200
CSS3:iOSのSafariのセレクトメニューをCSSで加工する iOSのSafariでselectタグを使って出すセレクトメニューには、直接CSSが効きません。 なので、根本的に一回セレクトメニュー以外のものに定義してしまいます。 select { -webkit-appearanc… ゴトーハック2014.10.30 7,971
MovableType:MT5から6にバージョンアップしたらCKEditorが使えなくなった対応 MovableTypeを5から6にバージョンアップしたところ、これまで入れていたエディタ用プラグインのCKEditorが使えなくなっていた。 結論から言うと すでにCKEditorが入っていれば、バージョンアップや入れ直… ゴトーハック2014.10.30 990