講師について
- 巴扎黑
- 学習することになります:
「Ideal Video Tutorial Network のフロントエンド ページのビデオ チュートリアル」
HTML構造
04分00秒HTML 構文
09分48秒HTMLタグ
17分13秒HTML 属性
11分29秒XHTML 構造
06分49秒XHTML タイプ
05分08秒DTD分析
06分13秒名前空間
03分46秒HTML5 構文
13分02秒HTML5要素
15分12秒HTML5 属性
06分30秒HTML5 グローバル属性
07分57秒HTML5のその他の機能
11分05秒HTML5 ドキュメント構造を理解する
11分02秒HTML5要素の分類
記事の特定
05分10秒セグメントの内容
デザインナビゲーション情報
05分50秒設計支援情報
03分36秒マイクロフォーマットの設計
発売日を追加
表題欄を追加する
01分58秒グループタイトル
脚注ブロックを追加する
連絡先情報を追加する
設計概要
デザインスタイル
メールタイプのアプリケーション
03分45秒URL型アプリケーション
02分46秒数値型アプリケーション
レンジタイプの用途
02分32秒日付チェッカー型アプリ
検索型アプリケーション
電話タイプのアプリケーション
カラータイプのアプリケーション
新しいオートコンプリート属性
新しいオートフォーカス属性
05分04秒新しいフォーム属性
新しいフォームの上書きプロパティ
新しい高さと幅の属性
01分48秒新しいリスト属性
新しい min、max、step 属性
新しい複数属性
新しいパターン属性
新しいプレースホルダー属性
新しい必須属性
新しいデータリスト要素
新しい keygen 要素
新しい出力要素
新しいオートコンプリート属性
00分58秒新しい novalidate 属性
01分28秒Canvas 要素をページに追加する
02分33秒Canvas がグラフィックを描画する仕組み
06分14秒キャンバス座標を理解する
Canvas を使用しない場合
ブラウザがCanvasをサポートしていない場合
ブラウザのサポートを確認する
直線を引く
02分34秒長方形を描く
円を描く
三角形を描く
03分08秒クリアキャンバス
二次ベジェ曲線を描く
3次ベジェ曲線を描く
キャンバスの状態を保存および復元する
座標空間を移動する
座標空間を回転する
座標空間を回転する
ズームグラフィックス
行列変換
グラフィックの組み合わせ
04分55秒クリッピングパス
さまざまな線スタイルを適用する
直線的なグラデーションを描く
放射状のグラデーションを描く
パターンを描く
グラフィックの透明度を設定する
影を作成する
フィラーテキストを描画する
アウトラインテキストを描画する
テキストの幅を測定する
Canvas に画像をインポートする
画像サイズを変更する
画像スライスの作成
07分04秒JavaScript を使用してオーディオ形式のサポートを検出する
04分20秒JavaScript を使用してビデオ形式のサポートを検出する
03分38秒オーディオ要素を理解する
02分28秒オーディオを再生する
05分22秒ビデオ要素を理解する
01分12秒動画を再生します
06分11秒オーディオおよびビデオ関連のプロパティ
オーディオおよびビデオ関連のメソッド
08分58秒オーディオおよびビデオ関連のメソッド
オーディオとビデオ関連のイベント
スクリプトで音楽再生を制御する
ビデオフレームを表示する
ブラウザのサポートを確認する
06分32秒データの設定と取得
データ漏洩を防ぐ
Web ストレージのその他の用途
02分25秒Webストレージのイベント監視
03分37秒例 1: Web ページのスキンのデザイン
例 2: localStorage データの追跡
05分48秒例 3: デザインカウンター
包括的なアプリケーション: Web アプリケーション プロジェクトのリアルタイム追跡
08分56秒Web SQLデータベースの使用
例 1: 単純なローカル データベースを作成する
05分56秒例 2: ローカル データをバッチで保存する
包括的なアプリケーション: Web Storage と Web SQL の混合開発
実践的な戦闘 1: ホームページのキャッシュ
実践的な戦闘 2: コンテンツをオフラインで編集する
実践的な戦闘 3: オフライン追跡
ブラウザのサポートを確認する
Web ワーカーの作成
Web ワーカーとのコミュニケーション
Web Workers を使用した実践演習
マルチスレッドを使用してバックグラウンド操作を実装する
バックグラウンドで値をフィルターする
マルチタスクの同時処理
複数のスレッド間で通信する
スレッディング技術を使用してフィボナッチ数列を計算する
描画にマルチスレッドを使用する
アプリケーションのメインページを作成する
03分13秒ワーカー js の作成
Web ワーカーとのコミュニケーション
04分15秒CSS1.0とCSS2.0の概要
CSSとDIVタグの関係
05分15秒CSSコーディング標準
07分57秒属性セレクター
05分15秒RGBA透明度
複数列のレイアウト
複数の背景画像
01分54秒文字列オーバーフロー
ブロックシャドウと丸い影
丸い角
ボーダー絵
変形
CSS3の適用範囲
現在 CSS 3 をサポートしているブラウザ
実践事例: 美しいフォームをデザインする
属性セレクターを理解する
事例演習
構造的な疑似クラス セレクターを理解する
事例演習
一般的な UI 疑似クラス セレクターを理解する
事例演習
その他のセレクター
text-shadow プロパティを定義する
影効果を適用する
総合的な実践: ハッカー Web サイトのホームページをデザインする
05分49秒オーバーフローテキスト
テキストの折り返し
RGBAカラー値を使用する
HSL カラー値を使用する
HSLA カラー値を使用する
不透明度属性を定義する
透明色の値を定義する
詳しい使い方説明
事例演習
01分04秒詳しい使い方説明
事例演習
詳しい使い方説明
実践例: 楕円グラフィックのデザイン
詳しい使い方説明
実践事例: Windows 7 のインターフェイス効果の設計
背景座標を定義する
背景のトリミング領域を定義する
背景画像のサイズを定義する
背景画像のループ方法を定義する
複数の背景画像を定義する
変換について知る
04分26秒回転アニメーション
ズームアニメーション
動くアニメーション
チルトアニメーション
変形アニメーション
事例実践: 落書きの壁をデザインする
カスタム変換
複雑な変形を定義する
遷移プロパティを定義する
移行時間を定義する
遷移遅延時間を定義する
トランジション効果を定義する
事例実践: OS Navigator の設計
実践例: 画像反転効果のデザイン
Webkit グラデーションのデザイン
Webkit ケースの実践
Webkit グラデーションのデザイン
Webkit ケースの実践
Gecko グラデーションをデザインする
Gecko ケースの練習
IE グラデーションの設計
W3C グラデーションの設計
デザインギフトボックス
折りたたみパネルのデザイン
デザイン缶
デザインディスクのスライドアニメーション
デザインドロップダウンメニュー
精巧なデザインのボタン
複数列のレイアウトを設計する
03分16秒列幅を定義する
01分29秒列数を定義する
01分08秒列間隔を定義する
01分07秒列の境界線のスタイルを定義する
02分19秒列全体の表示を定義する
01分45秒列の高さを定義する
01分49秒デザインボックスのレイアウト
04分53秒適応幅を定義します。 OK
04分08秒列の表示順序を定義する
01分48秒列の配置方向を定義する
01分13秒モジュールサイズの適応を定義する
03分05秒空白を削除する
04分03秒位置合わせを定義する
総合的な演習: 複数列の Web ページのデザイン
05分19秒ボックスモデルの構成方法を変更する
要素のサイズを調整する
アウトラインを定義する
輪郭の変位を定義する
ナビゲーション順序を定義する
方向キーの制御シーケンスを定義する
表示内容を追加する
要素スタイルをキャンセルします
イニシャルを使用する場合は注意してください
オーバーフロー処理
@font-face ルールを使用する
メディア クエリ モジュールを紹介します
@media ルールを理解する
@media ルールを使用する
@media ルールをサイトに適用する
音声機能を追加
デザインの反射
04分42秒
