harada
border-boxを使って作成したWebサイトをIE7でも対応させる方法
とても便利なbox-sizing: border-boxプロパティですが、IE7では利用できません。それでも使いたい場合に対応させる方法です。 1.ツールを使う box-sizing-polyfillを利用すると使えるよ…divを親divに対して真ん中に配置する
子divを親divの真ん中に配置するためのCSSです。 HTML <div class="wrap"> <div class="inner">コンテンツ&l…EC-CUBEにBootstrapを使ったテンプレートを適用してレスポンシブ対応する
EC-CUBEでもBootstrapを利用して、簡単にカスタマイズしたいという方向けです。 eccube-bootstrapというテンプレートを配布してくださっている方がおり、こちらを利用します。ダウンロードはこちらから…リンク切れの画像があったらJavascriptで置き換える
リンク切れの画像を別の画像で置き換える方法です。 function imgError(image) { image.onerror = ""; image.src = "file/sampl…テキストエリアのリサイズを無効にする
デフォルトですと、テキストエリアは右下の三角地帯をドラッグすることで拡大縮小が可能です。これを以下のcssで無効にできます。 textarea { resize: none; }圧縮されたJavascriptやcssを元に戻してくれるWebサービス
◯◯◯.min.jsや、◯◯◯.min.cssのような、圧縮された内容を元に戻してくれるツールがないかなと思い検索したら、Web上でさくっと確認できるサービスが有りました。 Pretty Diff 利用方法 ・Funct…jQuery CompareWYWプラグインで画像を利用しないようにCSSを変更する
「jQuery CompareWYWプラグインで画像のbefore / after を分かりやすく表示する」で紹介したjQuery CompareWYWプラグインを利用すると、デフォルトでは画像を利用する設定となっていま…