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

この授業ではWebデザイナーの方を対象に、HTML5/CSS3の実演授業を行います。「HTML5&CSS3デザインレシピ集」の書籍内で紹介されている300のテクニックの中から“この技を習得できるようになればWebデザイナー中級者になれる”というものを10個厳選し、著者である狩野先生がわかりやすく実演授業を行います。

Webデザイナー中級者になるためのHTML5/CSS3テクニック10選
2017年4月29日公開
01:00:00
  • 授業概要
  • 00:27
  • 自己紹介
  • 01:55
  • アジェンダ
  • 00:53
  • レイアウトのマークアップのコツ
  • 06:18
  • フロートに振り回されない
  • 06:02
  • フレックスボックスに挑戦、ナビゲーションを作成してみよう
  • 03:25
  • 属性セレクタを使ったスタイリングで作業効率アップ
  • 05:24
  • border-radiusの仕組みを知って「カド丸」を手なずける
  • 01:55
  • 蛍光ペンの太さのアンダーラインを引こう
  • 03:45
  • 1文字目だけ大きくして、雑誌のようなタイポグラフィを実現
  • 06:02
  • 1行で収まらないテキストの後ろを省略するには
  • 03:12
  • 意外と知らない?フォームで使える擬似クラス
  • 07:02
  • モバイル向けの小ワザマークアップ
  • 03:13
  • 番外編:作業効率をアップするための「その他のテクニック」
  • 03:06
  • Q.レイアウトが美しい。おすすめのサイトがありましたら教えて下さい。
  • 00:52
  • Q.Borowser-Sync?
  • 01:37
  • Q.狩野先生は、前にWordPressの本を出したいとか呟いてましたが、本の発売予定とかありますか?
  • 00:37
  • Q.cssでemailの書式チェックを行った場合、書式エラーでも送信はできてしまいますか?
  • 00:50
  • Q.CodaでEmmetは使えますか?
  • 00:29
  • Q.使ってないCSSを見つけ出すソフトはありませんか?
  • 00:58
  • Q.擬似クラスafterのcontentにアイコンを指定する方法をしりませんでした。いつも背景でアイコン指定していたのですが、どちらでも大丈夫なのでしょうか?
  • 00:46
  • Q.ワードプレスは、レイアウトの自由度が下がるのですか⁉️やっぱり、項目が増えると、ひたすら縦長になったりしますか⁉️
開く
こんな人にオススメ
全般

webデザイナー中級者になるためのHTML5/CSS3のテクニックを学びたい方

スライド資料
授業で使用するファイル

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

担当の先生
受講生代表
  • 江川 みどり

    江川 みどり

    スクー放送部

受けたいランキング
新着の生放送授業
関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×