• jQuery
  • jQuery2
  • HTML
  • その他
  • テンプレート
jQuery
● 基本セット
● 入力コントロール
● アンカー(リンク)作成
● 属性の参照
● .trigger の使い方
● 親要素に対する margin のテスト
● contents() と children()
● JSON 読み込み
jQuery UI
● localStorage とタブ
● ドロップシャドウをスライダーで変化させる
● Spinner を使った増減コントロール
● Google の jQuery UI の css テーマのチェック
jQuery ajax
● GET
● IMAGE UPLOAD
イベント
● クリックイベントとフィールドの値
● クリックイベントと CSS とフィールドの値
画面入力(HTML/CSS/JavaScript)
● HTML 未入力チェック / 数字のみチェック
● 氏名、フリガナ、数字
● Google Chrome の type=date フィールドのカスタマイズ
HTML5/CSS3(HTML/CSS)
● 四角から円へのモーフィングアニメーション
● ul と li でインデント等のピクセル調整
● CSS + 画像が立っているドロップシャドウ
IFRAME
● Google MAP( 東京タワー )
● Google MAP( 東京タワー ) inline center
● Google MAP( 東京タワー ) block center
JavaScript
● String メソッド
● IMG 要素のみで、サムネイルと大きな画像を開く
● FORM 送信時、クリックしたボタンを判断する
● IFRAME 内にアクセスする
処理
● FORM の accept-charset を動的に変更して3つのページに同時送信
FORM テンプレート
● GET メソッド
● コンボボックス・ラジオ・チェックボックス選択
● 入力(jQuery)
● 入力(jQueryと一般JavaScript混在)
特殊
● VIDEO 要素に WEBカメラを表示
● CANVAS へ表示
● 画像としてダウンロード
● スピーチ
● 音声認識
Form アクション( JavaScript )
● チェック無し
● required
● pattern="[0-9]+"
● onsubmit / function check()
● 文字数チェック
● 文字数チェック / フォーカス / 選択

● JS で未入力チェック / 先頭フォーカス / 全てのエラーメッセージ
HTML
● Bootstrap テーブル