Coding WEBサイト制作演習：PCまでの完成コード サンプルDEMO用のサイト【DEEP SLEEP】
WEBサイト制作演習：PCまでの完成コード サンプルDEMO用のサイト【DEEP SLEEP】のコードだけ載せます！
クラス名など、変更した人は、見比べつつ分析しながら、ご自分でコードを書きましょう！
結局、基本を理解してないと、コ...
Coding 
Basic 試験：画像素材と出題詳細
【習熟度確認試験3回目】Web画像の素材は下記よりダウンロードして作成ください。
問題：１、2、３好きな画像、好きなメッセージを使用してもOK!です。
問題：2、問題：４は、プロフィールに加える作品として制作しましょう。
【習熟度...
Basic 試験前解説
【習熟度確認試験3回目】Web画像の素材は下記よりダウンロードして作成ください。
問題：1、2、３好きな画像、好きなメッセージを使用してもOK!です。
問題：2、問題：４は、プロフィールに加える作品として制作しましょう。
【習熟度...
Coding フォトショップ(Photoshop)からのコーディング サンプルDEMO用のサイト【DEEP SLEEP】
フォトショップでデザインしたデザインカンプからコーディングしていきます。
自分でデザインして自分でコーディングする場合は、コーディングの変更もあり！と思ってしまいますが、デザイナーさんから送られてきたデザインカンプは、「1pxの想い」で作...
Photoshop フォトショップ(Photoshop)：デザインカンプから画像をクイック書き出しする【DEEP SLEEP】
フォトショップでデザインカンプを作成した時の画像のクイック書き出しの方法を紹介します。
架空の通販サイト「DEEP SLEEP」を例に説明します。
MV=メインビジュアルのスライダー部分
ファーストビュート部分のメインビジュアル画...
Basic インスタグラムのログがダウンロードできない時の対処方法
インスタグラムのロゴがダウンロードする方法
インスタの公式サイトへ行きます。
Assetsをクリックします。
右クリックして要素の検証を開きます
Consoleをクリック
Consoleをク...
未分類 【イラストレーター】 Illustrator ロゴ作成 ロゴタイプ、 シンボルマークとは
WEB制作サイト制作と一緒に発注されるケースもある「ロゴ」制作ですが、
ロゴとは、会社名・商品名などのイメージを象徴する文字を特別にデザインしたものになります。
今回は、ロゴタイプ、 シンボルマーク、ロゴマークの解説と、イラストレーター...
未分類 フォトショップ Photoshop デザインカンプ【商用可無料 画像・アイコンサイトも紹介】
WEBサイト制作の中でクライアントとサイトのイメージを共有するために作成されるデザインカンプは（Design Comprehensive Layoutの略）ページデザインの完成イメージとして、最終納品時のデザインとほぼ変わらないクオリティで...
未分類 ワイヤーフレーム (Wire frame) WEBデザインカンプ( Design comprehensive layout)作成方法
アドビのフォトショップ(Photoshop)やイラストレーター（Illustrator)は、デザインの制作で 無くてはならないソフトです。
WEBデザインはフォトショップ、印刷はイラストレーターという時代から、ディバイスとサイトの用途によ...
Photoshop ワイヤーフレーム (Wire frame) WEBデザインカンプ( Design comprehensive layout)作成方法
アドビのフォトショップ(Photoshop)やイラストレーター（Illustrator)は、デザインの制作で 無くてはならないソフトです。
WEBデザインはフォトショップ、印刷はイラストレーターという時代から、ディバイスとサイトの用途によ...