jQueryなしで動くレスポンシブ対応スライダー「swiper」に停止ボタンをつける
「swiper」とはjQuery不要でレスポンシブ対応のスライダーです。 しかも機能がもりだくさん、オプションの設定だけで様々なことが可能になります。 しかし、そんな死角なしの「swiper」に「停止ボタン」はありません…
CSSを自動で整形してくれる無料サービス「ProCSSor」読みやすさ重視の設定
ProCSSorは、無料で使用できるCSSの整形ツールです。 入力欄にCSSコードを入力してボタンをクリックするだけで、CSSが読みやすいコードに整形されます。 そしてこのProCSSorの嬉しいところは、整形の設定を自…
作業効率がアップする！シンプルで見映えの良いテーブルCSS11種類
テーブルのデザインを簡単に指定できる、テーブルのCSSテンプレートを作りました。 無料配布するので、ご自由にご利用ください。 全11種類のスタイルが入っています。 色を変えるなど、お好みでカスタマイズしてお使いください。
フラットなタブを実装するjQueryコードとCSS
フラットなデザインのタブを実装するjQueryコードとCSSを紹介します。 例によって簡単にタブを作れるjQueryライブラリがありますので、めんどうな方はそちらを使用するとラクチンだと思います。 jQueryライブラリ…
会社概要などの表の項目を両端揃えにする方法
よく「紙」媒体が畑の人にさらっと「ここ両端揃えにして」と言われます。たしかに見栄えが全然違います。両端揃えのほうがキレイで整って見えます。 しかし、Webにおいて「両端揃え」はなかなか実現できません。 当然できるでしょ？…
WordPressで画像を挿入する時の「画像の配置位置」で付加されるclassとCSSについて
WordPressで画像を挿入する時、「添付ファイルの表示設定」より画像の配置位置を選ぶことができます。 この時選んだ配置位置により、画像には以下のclassが付加されます。 配置位置 左：alignleft 例：<…
IE対策として「text-shadow」の代わりに「filter」を使っても表示されない
CSS3からtext-shadowというプロパティが追加されました。 このプロパティは、テキストに影をつける効果があります。
Twitter Bootstrapで作成したサイトを印刷しようとすると、リンクの後ろにURLが表示される問題
Twitter Bootstrapで作成したサイトを印刷しようとすると、リンクの後ろに勝手にリンク先URLが表示されました。ユーザビリティ的なもので表示されるようにしているのかもしれませんが、今回は「見た目そのまま」のサ…
バナーを横並びにするときに
リストを使ってバナーを横並びにしたいと思います。 コンテンツ幅：620px バナーサイズ：200px × 40px バナー同士のスキマ：10px
jQueryを使って全てのチェックボックスにチェック
作業しながら簡単につけられないだろうかなぁとおもってやってたら案外いけたのでさらしてみます。 jQuery(function(){ jQuery(“input:checkbox:first, input:checkbox…
jQueryを使う際の25個Tips
mprove your jQuery – 25 excellent tips ｊQueryを利用する際の25のTipsを見つけたので紹介します。 ちょっと長いですが、かなりいいです。
CSSでクリッカブルマップもどき + Lightbox
クリッカブルマップとは 普通に画像からリンクしようとすると、1枚の画像からリンク先は1箇所です。 しかし、クリッカブルマップを使用すると、配置した1枚の画像の中に複数のリンク先を設定できます。 クリッカブルマップ 【cl…