CSS3でセレクトボックスをカスタマイズ
CSS3でセレクトボックスをカスタマイズ スマホ向けにセレクトボックスをカスタマイズする必要があったのjQuery Mobieなどが利用している方法でデザインをカスタマイズしました。 セレクトボックスはCSSでのカスタマイズはほとんど出来ないので結構トリッキーな方法です。 サンプル HTMLは次のような感じ。 <select> <option>オプションA</option> <option>オプションB</option> <option>オプションC</option> <option>オプションD</option> <option>オプションE</option> </select> <div>オプションA</div> select要素以外にカスタマイズ用のdivなどを用意しておきます。そしてdivをCSSでセレクトボックスっぽくカスタマイズ。before擬似要素とかafter擬似要素なんか
Kickstrap: Enhancements for Bootstrap
Kickstrap A full version of Twitter's Bootstrap with themes, enhancements, and other goodies. Issues · · Follow @yourwebsitesUX Tweet Release Candidate due April 15th Kickstrap v. 0.9 RC will be released April 15th. Until v. 1.0, I recommend only using Kickstrap in development environments. There will be several modifications made to the overall logic of Kickstrap's implementation and workflow dur
画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する
CSS3を使って、画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションなどを適用するさまざまなテクニックを紹介します。 また、Chrome, Safari, Firefoxなど、最近のブラウザで期待通りに表示されないのを回避する方法もあわせて紹介します。 CSS3 Image Styles [ad#ad-2] 最近のブラウザで生じる問題点 画像に角丸やドロップシャドウを適用すると期待通りにならないことがあります。これはChrome, Safari, Firefoxなど、最近のブラウザでも生じます。 Chromeでの表示 デモでは「border-radius」と内側に「box-shadow」を適用していますが、Chrome, Safariではキャプチャのように欠けて表示されてしまいます。 また、Firefoxでは「border-radius」は期待通りですが、「box-shad
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Components · Twitter Bootstrap
