CodingMania

• WordPress のYouTube埋め込みの iframe をレスポンシブ対応する
• フォームにある現在地を示すステップナビゲーション
• ドロップダウンメニュー[レスポンシブ対応]
• 横からスライドインするレスポンシブ対応メニュー
• 入力された日付を比べてメッセージを表示
• アクセシビリティを考慮したラジオボタン
• 指定のラジオボタンをチェックすると、さらに追加で項目を表示します
• ウィンドウサイズいっぱいに画像表示しズームしながらフェードアウト。画像・テキストを切り替えます
• 画面をscrollすると表示されて「閉じるボタン」で非表示になるバナー
• レスポンシブ対応：横幅が狭くなるとメニューを折りたたみます。Ver.02
• クリックで開閉するアコーディオンパネル
• 現在地表示をするドロップダウン式サイドナビ
• [form:inputタグ]画像の上にcheckboxを重ねて表示する
• slick[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー
• jquery.cookieを使って初回だけメッセージを表示する
• ヘッダー上部固定でアンカーリンクがずれるのを解消する
• TableFix.jsを使って表の行と列を固定します
• Grid.jsを使って表の行と列を固定します
• ボタンのアウトラインアニメーションでfocusを分りやすくします
• マウスオーバーするとtransitionを使って右へ文字を寄せます
• マウスオーバーするとtransitionを使ってborderを太くします
• formのselect要素をCSSでスタイル変更する
• CSSのアニメーションで画像を回転・切替します。
• html5media.jsを使ってmp4形式の動画を埋め込みます
• サムネイルの画像をクリックで拡大・切り替え・表示します！[キャプション付]
• 画像をクリックしてチェックボックスにチェックを入れます
• クリックで表示する吹き出し型ドロップダウンメニュー
• jQueryで簡単にページ送りを自動で表示します。
• jqueryでxmlを読み込んでコンテンツを表示します。
• 特定のチェックボックスをチェックすると、さらに追加で項目を表示します