0411jQueryを自分のサイトに導入しましょう

blog

実技UI作成実習①

講師:大浜先生

1限 色々なJQuery、CSSなどを使った演出

 ✎ܚ大浜先生のサイトより
  ・スライダー・ハンバーガー・ドリルダウン(アコーディオン)
  ・ライトボックス・ウィンドウ・スクロール・ヘッダー固定
  ・パンくずリスト・タイプライター風・パーティクル
  ・ボタンのアニメーション・テープ止め・Webフォント
  *リンクはdisplay:blockで押しやすくすると親切

2限 大浜先生demo

 ✎ܚスライダー、ハンバーガーメニュー実装
  ・大浜先生のスクリプトは「※1」毎に入れるところをわかりやすく分けてあります
  →指定位置に挿入する事で実装

3〜5限 各自作業
 ✎ܚLPコーディング
  ・キャンペーン用のバナーを作成
  ・Topに戻るボタン画像を作成

 ✎ܚPF見直し
  ・別のギャラリープラグインを入れてみる(NextGEN Gallery)
  ・作品ページ作成

大浜先生のサイトに掲載されている
JavaScriptのサンプルが豊富で
どれも試してみたくなります!
いつも勉強になって本当に助かります🙏
今日もJQuery設置のDEMOをご披露下さって
目の前でページに動きが出来ていくのは
見応えがありました😃

ミーシャのLPには
上に戻るボタンとスライダーを実装していますが
ハンバーガーメニューも早く加えたいです😊

残り時間でPFの見直し
作品ページを仕上げていきます!