学習コース動画 | KASOU | Page 2

WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

Online SchoolWebデザインを学ぶ

powered by

Design

デザインスキルを身につける

Webデザインの基本

全 2 動画
Webサイトの設計図
02:12
会員限定サイトが公開されるまで
01:54
Figmaの使い方

全 14 動画
Figma(フィグマ)とは
01:03
会員限定Figmaのインストールと初期設定
00:46
会員限定Figmaのホーム画面の見方
02:06
会員限定デザインファイルを作る
00:50
会員限定デザインファイルの構成を知る
01:49
会員限定各種ツールの使い方
04:57
会員限定シェイプの配置とスタイル
05:03
会員限定テキストの配置とスタイル
02:45
会員限定ページとフレーム
04:21
会員限定オートレイアウト
02:26
会員限定コンポーネント
02:09
会員限定書き出し
01:13
会員限定共有
01:04
会員限定プロトタイプ
03:58
Webデザインの作り方

全 3 動画
Webデザインを作ろう
02:29
会員限定トレース学習
02:39
会員限定ギャラリーサイトの活用
02:27
デザイン制作課題

全 1 動画
会員限定ケースのWebデザイン制作に挑戦!
03:10

Coding

コーディングスキルを身につける

コーディング環境の準備

全 6 動画
コーディングとは？
02:21
GoogleChromeのインストール
01:42
VSCodeのインストール
01:58
会員限定VSCodeの基本操作
03:20
会員限定プロジェクトファイルの作成
03:03
会員限定推奨する環境設定
02:06
HTMLの基本

全 4 動画
テキストやタグを書いてブラウザで表示
02:21
会員限定宣言文の記述から、headタグなど
04:36
会員限定頻出のタグ説明
05:39
会員限定コピーライトとは
02:43
CSSの基本

全 6 動画
CSSの書き方
03:45
会員限定ブラウザで表示
01:23
会員限定基本のプロパティを覚える1
08:03
会員限定基本のプロパティを覚える2
03:24
会員限定classとは
02:06
会員限定リセットCSS
01:16
パーツのコーディング

全 2 動画
会員限定ボタンの作り方
02:01
会員限定開発モードの活用
02:16
コーディング実践

全 7 動画
会員限定Webデザインの模写コーディングに挑戦
03:12
会員限定headerのコーディング解説
03:22
会員限定bodyのコーディング解説
06:36
会員限定footerのコーディング解説
03:26
会員限定レスポンシブとは
02:34
会員限定メディアクエリ
04:15
会員限定Chromeの開発モード
02:42
Sassコーディング

全 9 動画
会員限定Sassとは
04:26
会員限定ターミナルについて
05:08
会員限定Sassのインストール
04:42
会員限定Sassの書き方
02:35
会員限定ブラウザで表示
01:58
会員限定変数
03:38
会員限定@mixin / @include
03:27
会員限定@extend
03:51
会員限定演算
02:54
jQuery

全 4 動画
jQueryとは
05:04
会員限定jQueryの書き方
05:03
会員限定実用的なjQueryのコーディング
04:19
会員限定slick slider
06:46
WordPress

全 1 動画
WordPressのダウンロード
05:58

Setting

サイト公開の方法を学ぶ

ドメインの取得

全 2 動画
ドメインとは
01:58
会員限定ドメインの取得方法
03:18
サーバー

全 5 動画
サーバーとは
02:54
会員限定レンタルサーバーの契約
03:42
会員限定ドメインとサーバーを繋ぐ
01:22
会員限定サイトデータのアップロード
05:38
会員限定サイト公開後の運用
02:09

Short Knowledge