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