今日もスマートフォン専用サイトの授業。 架空のweb制作会社のサイトつくった。 長くなるのでjsのブログでの記述はカットします。 jsでの記述はheader画像にflexsliderを使ったsliderと内容部分にtoggleを使った開閉式のタブパネルを使ったというところです…

frameworkとfancyboxを組み合わせたHTMLの授業をした。frameworkは一つのHTMLでカテゴリーごとに分けることができるjQueryのプラグイン。カテゴリーごとに分けなくてはいけないポートフォリオにうってつけのjQueryで「ul id="filter"」内の「a要素のrel属性…

モーダルウィンドウ型のグーグルのイメージ検索のようなjQuery・GoogleImgSearchUI。 そろそろポートフォリオを作らなくてはいけないため学校の講師が相手に作品を見せやすいjQueryとして紹介してくれた。 使ってみたが扱いやすい。相手に作品を見せるのには…

jQuery・9月ごろに習ったアニメーション命令一覧show(…) 要素を徐々に表示する ※display:noneの値に対して hide(…) 要素を徐々に非表示にする toggle(…) 要素の表示・非表示を徐々に切り換える slideDown(…) 要素をスライドアニメーションで表示する slideUp…

jQuery・9月ごろに習ったイベント処理一覧click() クリック時に処理を実行する dblclick() ダブルクリック時に処理を実行する mousedown() マウスのボタンが押された時に処理を実行する mouseup() マウスのボタンが離された時に処理を実行する mouseover() …

jQuery・9月ごろに授業で習った命令一覧テキストの変更と取得 text(...) テキストを変更する text() テキストを取得するHTMLの変更と取得 html(...) HTMLを変更する html() HTMLを変更するHTMLの挿入 prepend(…) 要素内の先頭にHTMLを挿入する append(…) 要…

jQuery・学校で9月頃に習ったセレクター一覧CSSセレクター要素セレクター$("要素名") IDセレクター$("要素名") クラスセレクター$(".クラス名") ユニバーサルセレクター$("*") 子孫セレクター$("要素1 要素2") グループセレクター$("セレクター1、セレクター…

jQuery・Reel Pluginについて Reel Pluginは画像を3Dの様に動作させるプラグインだ。使うと立体的に見えて色々な角度から見える。スクロールすると角度を変えられるため商品のディスプレイには役に立ちそうだ。ただし当然すべての角度の画像がたくさん必要に…

HTML・コーディングの練習-パララックス横移動- 横移動型パララックスのコーディングに挑戦してみた。スクロールすると横移動するタイプのパララックスプラグインは思ったより少ない。 「右から左へ」動くものを探していたが丸一日調べて見つからなかったの…