Webデザイナー中級者になるためのHTML5/CSS3テクニック10選

「作業効率に課題を感じている」
「作りたいページのデザインの実現方法がわからない」

日々webサイトを制作しているなかで、このような悩みを抱える方も多いのではないでしょうか。

この授業では、初心者から中級者へのステップアップを目標に「便利な機能」「比較的新しい機能」を中心に実演形式でご紹介し、実際のWebサイト制作時によく使われる＆役立つテクニックを学びます。

■アジェンダ　（）内の番号は、書籍内のサンプル番号です

1 レイアウトのマークアップのコツ（248、251など）
2 フロートに振り回されない（206）
3 フレックスボックスに挑戦。ナビゲーションを作成してみよう（237）
4 属性セレクタを使ったスタイリングで作業効率アップ（195、196）
5 border-radiusの仕組みを知って「カド丸」を手なずける（197）
6 蛍光ペンの太さのアンダーラインを引こう（198）
7 1文字目だけ大きくして、雑誌のようなタイポグラフィを実現（058）
8 1行で収まらないテキストの後ろを省略するには（117）
9 意外と知らない？フォームで使える擬似クラス（182）
10 モバイル向けの小ワザマークアップ（272）...電話番号にリンクする・電話番号にリンクしない　など
11 番外編：まず形から…テキストエディタの話や、次のステップ（Sassとかemmetとか）など

※授業内容は変更になる可能性があります

■今回の先生

狩野祐東 氏　Web／アプリケーションUIデザイナー

サンフランシスコでUIデザイン理論を学ぶ。帰国後会社勤務を経てフリーランス。2016年に株式会社Studio947を設立。Webサイトやアプリケーションのインターフェースデザイン、インタラクティブコンテンツの開発を数多く手がける。書籍執筆のほか、セミナーや研修講師としても活動中。

主な著書に『HTML5&CSS3デザインレシピ集』（技術評論社）、『いちばんよくわかるHTML5&CSS3デザインきちんと入門』『確かな力が身につくJavaScript「超」入門』『スラスラわかるHTML&CSSのきほん』（SBクリエイティブ）など。