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

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

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

受講完了まであと100%

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

1 / 5

授業の概要

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

日々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のテクニックを学びたい方

授業で使用する教材

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

チャプター

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