WEBSITE CODINGウェブデザインA
注意書き
当科目は講義回を分割して1つのテーマを作り上げるため、
欠席してしまうと授業の進行についていくのが大変困難です。
当ブログは参考書代わりになっており、授業で解説した内容を残しているため、
授業時間外でも問題なく学習することができます。
次回までに欠席した回の授業内容を確認し必要なコーディングを必ず行い、
次回授業開始時には全員が同じ状態で受講できるよう心掛けてください。
-
ウェブデザインA 第15回
引き続きスクロールアニメーションの実装を行い作品作りを行いましょう。
-
ウェブデザインA 第14回
難解なJavaScriptを初心者でも簡単に扱うことのできるライブラリ「jQuery」について解説します。
-
ウェブデザインA 第13回
簡単にWebフォントを利用できる「Google Web Fonts」を使ってみましょう。
-
ウェブデザインA 第12回
Photoshopの画像の自動書き出し機能である画像アセットについて解説します。
-
ウェブデザインA 第11回
代表的なスマートフォン対応の手法であるレスポンシブWebデザインを学びます。
DIGITAL PHOTOデジタルフォト
SOCIAL MEDIAソーシャルメディア
-
ソーシャルメディア 第15回
動画作品の制作最終回です。納得できるまで編集して提出しましょう。
-
ソーシャルメディア 第14回
YouTubeチャンネルへのログインと動画作品作りを行いましょう。
-
ソーシャルメディア 第13回
YouTubeチャンネルへのログインと動画作品作りを行いましょう。
-
ソーシャルメディア 第12回
今回は2つのテキストアニメーションを作ってみません??
-
ソーシャルメディア 第11回
今日は擬似的にホログラムでも作ってみません??
COMPUTER GRAPHICSコンピュータグラフィックス
-
コンピュータグラフィックス 第15回
最終回はみんなの作品作りをしません?
-
コンピュータグラフィックス 第14回
いったんテキストをお休みしてセールスタグでも作りません??
-
コンピュータグラフィックス 第13回
文字全般に関しての解説です。
-
コンピュータグラフィックス 第12回
レイヤー操作全般に関しての解説です。
-
コンピュータグラフィックス 第11回
ペンツールを使ったオブジェクトの描画方法の解説です。
INFORMATION MEDIA THEORY情報メディア論
-
情報メディア論 第15回
「情報技術の発展」のお話。
-
情報メディア論 第14回
「情報の整理ツール マインドマップ」のお話。
-
情報メディア論 第13回
「コミュニケーションの歴史 – 手段と多様化とSNS」のお話。
-
情報メディア論 第12回
「マルウェアについて」のお話。
-
情報メディア論 第11回
「サイバー犯罪について」のお話。
SEMINARクリエィティブゼミナール
MOCK CLASS模擬授業
KADAI FILING課題提出方法
WEBSITESウェブデザインアーカイブ
SNIPPETSスニペット
-
[WordPress]所属記事が一件も存在しない場合でもカテゴリ一覧ページでカテゴリ名を取得表示する。
所属記事が一件も存在しない場合でもカテゴリ一覧ページでカテゴリ名を取得表示する。
-
[jQuery]opacityで非表示にした文字を順番にフェードインさせる。
-
[Welcart]商品カテゴリー複合検索ページでの「strpos」と「!==」を使った条件分岐。
商品カテゴリー複合検索ページを表示した場合の条件分岐。今回は「strpos」と「!==」を使った方法の紹介です。
-
[Welcart]エラーの表示がある場合のみエラーのブロックを表示させる条件分岐。
Welcartでエラーの表示がある場合のみエラーのブロックを表示させる条件分岐の記述です。
-
[Welcart]商品のメイン画像が設定されているかどうかの条件分岐。
Welcartで商品のメイン画像が設定されているかどうかの条件分岐の方法です。さらに、画像が設定されていない場合は代替画像を表示させます。
PHOTOSHOPPhotoshop
ILLUSTRATORIllustrator
AFTER EFFECTSAfter Effects
-
[After Effects]簡単なホログラムエフェクト
-
[After Effects]ロトブラシで動く被写体との背景合成動画
-
[After Effects]グリーンバックのキーアウト(透明化)とSaberによる合成
グリーンバックのキーアウト(透明化)とSaberによる合成の解説です。
-
無料動画素材をダウンロードできるWebサイト
-
[After Effects]動画のテキストマスク
DESIGNデザイン
CODINGコーディング
-
Webサイトコーディング[HARD] 04 #cloud・#ufoアニメーション編
スクロールアニメーションのコーディング練習04 #cloud・#ufoアニメーション編
-
Webサイトコーディング[HARD] 03 #ufo・#ground編
スクロールアニメーションのコーディング練習03 #ufo・#ground編
-
Webサイトコーディング[HARD] 02 body・#cloud編
スクロールアニメーションのコーディング練習02 body・#cloud編
-
Webサイトコーディング[HARD] 01 準備・確認編
スクロールアニメーションのコーディング練習01 準備・確認編
-
Webサイトコーディング[NORMAL – Web movie – ] 03 背景動画実装編
全画面背景動画のコーディング練習03 背景動画実装編
WEB DESIGN INFOMATIONWebデザイン情報
-
JavaScriptライブラリ「jQuery」とは?よく使うjQueryプラグインの紹介
-
Photoshopの画像の自動書き出し機能、画像アセット機能の解説
-
Webフォントとは?Google Web Fontsの使い方
Webフォントとは?Google Web Fontsの使い方解説。
-
デザインに役立つX(Twitter)情報まとめ【Web情報編】
VIDEO PRODUCTION動画制作
MATERIALS素材情報
TEXT EDITORテキストエディタ
SUMMARYまとめ
WEBLOGブログ
-
クオリティの高いWebデザインをアーカイブしている4つの厳選Webサイト。
デザイナーが日頃からチェックしているクオリティの高いサイトを集めている厳選した4つのサイトをご紹介します。
-
クオリティの高いバナーデザインをアーカイブしている2つの厳選Webサイト。
-
クオリティの高いWebデザインをアーカイブしている4つの厳選Webサイト。
デザイナーが日頃からチェックしているクオリティの高いサイトを集めている厳選した4つのサイトをご紹介します。
-
リニューアルしました。
ブログデザインをリニューアルしました。