キーワード検索「チェックボックス」
985
新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを...
734
お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。今回は、フォームのデザインや使い勝手を強化してくれるjQue...
346
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。フォームのタイトルこのフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。非メンバー用のリンク非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチ...
331
葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたり...
235
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデ...
203
![[CSS]この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-accordion-using-input-and-label-by-codrops.html)
パネルが開いた+ホバー時 パネルが開いている時のアローは上向きに変わります。 デモでは上記のチェックボックス版だけでなく、ラジオボタン版などもあります。 デモページ：チェックボックス版 デモページ：ラジオボタン版 デモページ：チェックボックス版・デフォルトオープン 実装 HTML 一つのアイテムに含まれるのは、チェックボックス、ラベル、コンテンツの3つです。それらをdiv要素で内包します。 <se...
191
チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可...
185
目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを...
143
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで...
105
f:id:kanose:20120311043705p:imageはてなダイアリーユーザーは、オプトアウト版のはてブボタンにしようにも、はてブボタンの設置はブログの設定からしかできないので対処できない。設定→記事の設定で、ソーシャルメディアボタンなど設定を行うが、今回問題になっているのは画面キャプチャーで赤く示した部分だ。これは問題となった"http://b.st-hatena.com/js/bo...
102
チェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」2010年08月03日-Plugins | jQuery Plugins チェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」 通常、チェックボックスといえばONかOFFかですが、中間の意味を持つ状態を次のように表せるようになります。 例えば、...
95
jQueryプラグインなにそれおいしいの？役に立つプラグインばっかりで面白くない！ぼくらはもっと面白くて役に立たないものを求めてるんだ！あまのじゃくな人たちのために（面白いかどうかは別として）何の役にも立たないプラグインを集めました。全力で行きます。全力で。 Windowを広げると逆にカラムを縮めるプラグイン jDTreverseLiquidリキッドレイアウトはテキストメインのサイトで見やすさを発...
88
Better Check Boxes with jQuery and CSS | Tutorialzine jQueryとCSSで実現する押しやすくオシャレなチェックボックス実装チュートリアル。 独自のチェックボックスを実装するチュートリアルとサンプルがダウンロード出来ます。 普通のチェックボックスは小さくて連続して押したりする場合は結構ストレスがたまったりしますね。 というわけで次のようなチェッ...
88
jQuip - jQuery in parts :: Builder jQueryの必要なところだけを取り出せる「jQuip」。 ajaxの機能だけを使いたいのに、全部インクルードしちゃうのは回線のムダでパフォーマンスにも影響しますね。 ということでajaxの機能だけとかcssの機能だけといった風にチェックボックスでチェックすればコードをWEB上で取得できてそのままコピペで使えるというものです。 ...
69
10 Useful jQuery Snippets - Web Development Blog 便利なjQueryスニペット１０が紹介されています。 ・IE６でのアクセスの場合に警告 ・input type="text" のものにデフォルトテキストを実装するコード ・コンテンツのクリックで表示・非表示をアニメーション表示 ・印刷ダイアログを開く ・テーブルのtdにhover機能を付与するコード ...
79
HTML909っていうリズムマシンを作った．チェックボックスをぽちぽちすると，音が鳴ったりする． HTML909 audioタグをタイミングよく鳴らすのが難しいようで，環境によって挙動が変わっておもしろい．Safariだとうまく動く．Firefoxだと，この前まではいい感じだったけど，この前バージョンが上がってから，音がよれよれになるようになった．Google Chromeでは音が出ない．そのうち...
66
Screw Default Buttons! | Custom Radio Buttons and CheckBoxes 独自デザインのラジオボタン・チェックボックスを超簡単実装できるjQueryプラグイン。 ONかOFFの状態の２枚の画像を用意してjQuery関数で初期化するだけで簡単に独自デザインのものが作れます。 実装コード例。超簡単ですね。 追加のCSSでよりスタイルを独自に変えることも可...
55
Sample Design Webデザインのサンプルです。 DropDown Navi jQuery を使ったドロップダウンメニューです。 Contents Slider jQuery Cycle Plugin を使ったスライダーです。 Form Validation フォームに入力された値を、送信前にその場でチェックします。jQueryプラグイン使用。 Form UI Elements チェック...
52
![[CSS]にょいーんとアニメーションでパネルを表示するスタイルシート | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-fold-out-popups-by-css-tricks.html)
JavaScriptやFlashを使用せず、パネルをにょいーんとアニメーションで表示・非表示するスタイルシートを紹介します。 デモページ 実装 デモページを例に実装方法を紹介します。 HTML 最初のチェックボックスはdisplay:none;で非表示で、その後にlabel要素を実装します。 <input type="checkbox" id="doggiezzz" class="popUpCon...
40
jQueryでテーブルの行ごとクリックして チェックボックスにチェック出来るよう にするTipsです。ユーザーがデータを 見ながらフォームを送信する際に、分か りやすくしてあげよう、という目的です。 行ごとクリッカブルにする、みたいな感じ。 ちょっとサーバー移転作業もあるので適当な記事が日々続きますけど・・まもなく移転完了します。 Sample サンプルです :hover使うのでIE6だけ色が変わ...
