chevron_left デザインパターン基礎

デザインパターン基礎

PREMIUM
第4回

デザインパターン基礎 -CSSとjQueryを使ったプルダウンの実装-

2016年8月29日 60min

会員登録して、全てのスライドを見よう

1 / 14

授業の概要

この授業では、Web制作におけるPCサイト及びスマートフォン(スマホ)サイトのデザインパターンとコーディングテクニックを学びます。

CSSのみで実装できるものからjQueryを用いて表現するものまで、Webサイトを作る上で最低限必要になってくる表現方法を抜粋して紹介していきます。

「HTMLとCSSの知識はあるけれど、レスポンシブ実装は勘でやっている」
「jQueryの実装の仕組みがいまいちよくわからない」

今まで“なんとなく”で実装していたコーディングを“確実”なものにするために、根拠のある知識をつけましょう。

第4回目の授業は、クリックやタップをするとメニュー一覧が登場するプルダウンについて学びます。3回目で学んだハンバーガーボタンを応用して実装していきましょう。

■授業のアジェンダ(予定)

・とりあえずCSSだけ作ってみる
・jQueryを導入して実際に動かしてみる
・動作の確認

こんな人にオススメ

実践的に使えるデザインパターンを学びたいWebデザイナー

授業で使用する教材

※授業以外での使用は禁止します