2017-01-01から1ヶ月間の記事一覧
区切り線をデザインする
CSSだけでタブ表現をする [複数ブラウザ対応版]
![はてなブックマーク - CSSだけでタブ表現をする [複数ブラウザ対応版]](https://b.hatena.ne.jp/entry/image/https://nqal.hatenablog.com/entry/2017/01/30/CSS%E3%81%A0%E3%81%91%E3%81%A7%E3%82%BF%E3%83%96%E8%A1%A8%E7%8F%BE%E3%82%92%E3%81%99%E3%82%8B_%5B%E8%A4%87%E6%95%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%AF%BE%E5%BF%9C%E7%89%88%5D)
CSSだけでタブ表現をする
CSSだけで様々な図形を作る
スマートフォンでhoverを表現する [複数ブラウザ対応版]
![はてなブックマーク - スマートフォンでhoverを表現する [複数ブラウザ対応版]](https://b.hatena.ne.jp/entry/image/https://nqal.hatenablog.com/entry/2017/01/27/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%A7hover%E3%82%92%E8%A1%A8%E7%8F%BE%E3%81%99%E3%82%8B_%5B%E8%A4%87%E6%95%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%AF%BE%E5%BF%9C)
スマートフォンでhoverを表現する
ナビゲーションを固定表示する [複数ブラウザ対応版]
![はてなブックマーク - ナビゲーションを固定表示する [複数ブラウザ対応版]](https://b.hatena.ne.jp/entry/image/https://nqal.hatenablog.com/entry/2017/01/25/%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%9B%BA%E5%AE%9A%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B_%5B%E8%A4%87%E6%95%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%AF%BE)
ナビゲーションを固定表示する
ページネーションを作る [複数ブラウザ対応版]
![はてなブックマーク - ページネーションを作る [複数ブラウザ対応版]](https://b.hatena.ne.jp/entry/image/https://nqal.hatenablog.com/entry/2017/01/23/%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E4%BD%9C%E3%82%8B_%5B%E8%A4%87%E6%95%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%AF%BE%E5%BF%9C%E7%89%88%5D)
ページネーションを作る
パンくずリストを作る(パータン3) [複数ブラウザ対応版]
![はてなブックマーク - パンくずリストを作る(パータン3) [複数ブラウザ対応版]](https://b.hatena.ne.jp/entry/image/https://nqal.hatenablog.com/entry/2017/01/21/%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8B%28%E3%83%91%E3%83%BC%E3%82%BF%E3%83%B33%29_%5B%E8%A4%87%E6%95%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%AF%BE)
パンくずリストを作る(パータン3)
パンくずリストを作る(パータン2) [複数ブラウザ対応版]
![はてなブックマーク - パンくずリストを作る(パータン2) [複数ブラウザ対応版]](https://b.hatena.ne.jp/entry/image/https://nqal.hatenablog.com/entry/2017/01/19/%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8B%28%E3%83%91%E3%83%BC%E3%82%BF%E3%83%B32%29_%5B%E8%A4%87%E6%95%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%AF%BE)
パンくずリストを作る(パータン2)
パンくずリストを作る(パータン1) [複数ブラウザ対応版]
![はてなブックマーク - パンくずリストを作る(パータン1) [複数ブラウザ対応版]](https://b.hatena.ne.jp/entry/image/https://nqal.hatenablog.com/entry/2017/01/17/%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8B%28%E3%83%91%E3%83%BC%E3%82%BF%E3%83%B31%29_%5B%E8%A4%87%E6%95%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%AF%BE)
パンくずリストを作る(パータン1)
タグアイコンを作る
曲線を描く S字曲線を描く 連続した曲線を描く 連続した直線・曲線を描く
CSSだけでカウントする
直線の修正 右クリック（コンテクストメニュー）で画像を保存 新規ドキュメントに「テンプレート」のみにチェックをして配置 トレース（描き終わる） 点線の位置までアンカーポイントを移動修正 クローズドパス 水平・垂直・45°の直線
汎用性のあるリストを作る
角丸ボタンを量産する
吹き出しをデザインする
ブラウザ対応の方針と方法
Illustratorを起動 ベクター（Vector）データを作るアプリケーション 新規書類作成 必ず新規書類を作成することが必要です。（机の上に紙をおいて準備する。） [ファイル]ニュー → [新規] 練習用のファイルサイズは、各自のモニタにあわせます。 初心者は「…
Webフォントの基本を知る
before/after擬似要素を使いこなす
フレキシブルボックスレイアウト（flexbox）
透明度（rgba）
透明度（opacity）
