amazingSurge/jquery-asCheck GitHub 押しやすいカスタムデザインのcheck/radioボックスを実現できる「jquery-asCheck」。 次のようなカスタムデザインで大きめのcheck/radioボックスが簡単に実現できます。 関連エントリ チェックするといい感じにアニメーションするcheck,radioが作れるjQueryプラグイン「checkBo」
amazingSurge/jquery-asCheck GitHub 押しやすいカスタムデザインのcheck/radioボックスを実現できる「jquery-asCheck」。 次のようなカスタムデザインで大きめのcheck/radioボックスが簡単に実現できます。 関連エントリ チェックするといい感じにアニメーションするcheck,radioが作れるjQueryプラグイン「checkBo」
フォームのチェックボックスとラジオボタンに余分はタグは使用せずに、ちょっとだけアニメーションを加えて楽しくするスタイルシートを紹介します。 Animated Toggles HTML チェックボックスもラジオボタンも通常通りにマークアップします。 余分なタグは特にありません。 <form> <h1>Animated Toggles!</h1> <div class="controls"> <input id='check-1' type="checkbox" name='check-1' checked='checked' /> <label for="check-1">Apples</label> <input id='check-2' type="checkbox" name='check-1' /> <label for="check-2">Oranges</label> </div
こんにちは、ishida です。 先週金曜日、横浜スタジアムでノーヒットノーランをこの目で見ました。 やっぱり野球はスタジアム観戦がいいですな。 さてさて、以前こちらのブログで 【スマートフォン制作向け】radioボタンをCSSのみでカスタマイズ という記事を書きましたが、今回はこちらの続編でcheckboxカスタマイズをご紹介します。 ソースコード コードはこちらです。 あっ、それと バシャログ。で js.do.it アカウントを作成しましたので、 よろしければフォローしていただると幸いです。 ポイント checkbox本体を、appearanceプロパティをbuttonにしています。 checkboxがチェックされた場合に、:checked疑似クラスをつかいます。 :checked疑似クラス + before疑似要素 + after疑似要素を組み合わせて、チェックされた時のデザインを作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く