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

【タイムライン】
生放送時のチャット投稿を閲覧でき、
臨場感はそのままで受講することができます

ここには授業中のやりとりが表示されます

【チャプター機能】
授業内容をピンポイントでおさえながら
ご自身のペースで進めることができます

【前半】授業
授業概要
00:27  (00:23 ~ )
自己紹介
01:55  (00:50 ~ )
アジェンダ
00:53  (02:45 ~ )
レイアウトのマークアップのコツ
06:18  (03:38 ~ )
フロートに振り回されない
06:02  (09:56 ~ )
フレックスボックスに挑戦、ナビゲーションを作成してみよう
03:25  (15:58 ~ )
属性セレクタを使ったスタイリングで作業効率アップ
05:24  (19:23 ~ )
border-radiusの仕組みを知って「カド丸」を手なずける
01:55  (24:47 ~ )
蛍光ペンの太さのアンダーラインを引こう
03:45  (26:42 ~ )
1文字目だけ大きくして、雑誌のようなタイポグラフィを実現
06:02  (30:27 ~ )
1行で収まらないテキストの後ろを省略するには
03:12  (36:29 ~ )
意外と知らない?フォームで使える擬似クラス
07:02  (39:41 ~ )
モバイル向けの小ワザマークアップ
03:13  (46:43 ~ )
番外編:作業効率をアップするための「その他のテクニック」
03:06  (49:56 ~ )
【後半】質疑応答
Q.レイアウトが美しい。おすすめのサイトがありましたら教えて下さい。
00:52  (53:18 ~ )
Q.Borowser-Sync?
01:37  (54:10 ~ )
Q.狩野先生は、前にWordPressの本を出したいとか呟いてましたが、本の発売予定とかありますか?
00:37  (55:47 ~ )
Q.cssでemailの書式チェックを行った場合、書式エラーでも送信はできてしまいますか?
00:50  (56:24 ~ )
Q.CodaでEmmetは使えますか?
00:29  (57:14 ~ )
Q.使ってないCSSを見つけ出すソフトはありませんか?
00:58  (57:43 ~ )
Q.擬似クラスafterのcontentにアイコンを指定する方法をしりませんでした。いつも背景でアイコン指定していたのですが、どちらでも大丈夫なのでしょうか?
00:46  (58:41 ~ )
Q.ワードプレスは、レイアウトの自由度が下がるのですか⁉️やっぱり、項目が増えると、ひたすら縦長になったりしますか⁉️
  (59:27 ~ )
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クリエイティブ)など。

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

受講生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF

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