chevron_left デザインパターン基礎

デザインパターン基礎

PREMIUM
第2回

デザインパターン基礎 -CSSのみで実装できるデザインテクニック-

2016年8月8日 60min

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

1 / 30

授業の概要

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

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

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

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

第2回目の授業では、前回の授業での知識を踏まえ、CSSのみで実装することができるデザインテクニックを学んでいきましょう。例として幾つかアクションボタンを作成していきます。

jquery実装においてCSSの知識は必須となりますので、しっかりと学んでいきましょう。

 

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

・CSSがどう動いているかの復習
・効果をつける時に使用することが多いCSSの紹介
・3種類のアクションボタンの作成

こんな人にオススメ

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

授業で使用する教材

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