CSS/SCSS HTML/CSS備忘録
ローディングアイコンの作成方法
空のdiv要素を配置
上下左右にborderを設定(色を別々にする)
border-radiusの設定
animationの設定
@keyframesの設定
<...
CSS/SCSS 
Illustrator 実技 イラストロゴ作成実習②
ロゴ作成
文字ツール
文字ツールの入力方法は2種類
ポイント文字・・・幅を狭めても改行されない(強制的にEnterキーやReturnキーを使って改行可能)
エリア文字・・・幅を狭めると改行される
※切り替...
CSS/SCSS よく使うEmmet(CSS)
CSS
foo<foo></foo>posposition:relative;pos:position:absolute;d:ndisplay:none;d:bdisplay:block;d:fdisplay...
Illustrator 実技 イラストロゴ作成実習①
ピクトグラム制作
使用ツール等
ダイレクト選択ツール
ペンツール
アンカーポイントの追加ツール
長方形ツール
楕円形ツール
直線ツール
鉛筆ツール
リフレクトツール
パスファイ...
HTML よく使うEmmet(HTML)
HTML
foo<foo></foo>!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /&...
CSS/SCSS HTML/CSSの参考書購入・紹介
プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと役立つ現場のテクニック
この本は、実際の制作の流れに沿って工程を教えてくれる(デザインカンプ⇒コーディング)タグやプロパティについて「どうしてそれ...
Illustrator 学科 ユーザーインターフェイス基礎①
ピクトグラム
誰でも分かる表現をするもの
特徴をつかむことが大事（例）野球は打つもの、サッカーは蹴るもの
色は基本単色。最高でも３種類くらいの色
施設内で使用されることが前提
作成時間の目安は５分
ロゴ...
Illustrator 学科 グラフィックデザイン基礎⑥
レベル補正
真ん中の矢印（中間色）は自動的に移動するので基本いじらない
トーンカーブ（レベル補正の応用版）
ゆるい「S」のような形になるのが望ましい。
その他
スマートフィルタを作成する際はレイヤーをスマート...
Illustrator 学科 グラフィックデザイン基礎⑤
PhotoShopのマスク3種
レイヤーマスク
ベクトルマスク
illustratorのようにパスを使用して選択範囲を作成
クリッピングマスク
レイヤーどうしを重ねて使用
髪の毛...
HTML HTML備忘録
機種依存文字について
①などの丸数字は、「機種依存文字」
機種依存文字＝環境依存文字のこと
①は、htmlで「①」と文字参照として入力
ただ、文字参照にする必要があるのは「文字エンコーディング...