2018年11月18日 / 最終更新日時 : 2021年1月10日 Photoshop / Illustrator【Illustrator】フォントのアウトライン化 Illustratorでテキストデータをパス（図形）へ変更するアウトライン化の方法についてメモします。 環境によって意図せず他の種類のフォントに置き換わってしまうことを防ぐことが出来ます。 注意点 アウトライン化によって […]
2018年10月14日 / 最終更新日時 : 2018年10月14日 HTML & CSSmetaタグでリダイレクト先を指定する headタグ内でmetaタグを使用して別ページへのリダイレクト指定を行う方法をメモ。 http-equiv属性でrefleshを指定する。 リダイレクト（別ページへ遷移）するまでの秒数とリダイレクト先のURLを記述する。 […]
2018年10月10日 / 最終更新日時 : 2018年10月10日 OtherBase 64とは Base64とはデータのエンコード（変換）方式のひとつである。 64は64進数（64種類の英数字）を意味する。 ※バイナリデータをテキストデータにエンコードする。 エンコード後のファイルサイズは元のサイズの4/3倍と大き […]
2018年10月6日 / 最終更新日時 : 2021年1月10日 Photoshop / Illustrator【Illustrator】パスの角を丸くする イラストレーターでパスを角丸にする方法をメモ。 方法1: ライブコーナーウィジェットを使う ダイレクト選択ツールでコーナーポイントを含むパスを選択するとライブコーナーウィジェットが有効となる。 これ クリックして掴んだま […]
2018年9月24日 / 最終更新日時 : 2019年12月29日 フロントエンドData URIスキームとは Data URIスキームとは HTMLやCSSにデータをリンクではなく直接埋め込むための方法である。 Data URIスキームはデータをBase64でエンコードする。 画像ファイルを例にする 画像リンクを指定する場合 […]
2018年9月2日 / 最終更新日時 : 2021年6月27日 HTML & CSSスマートフォン対応のためのviewport & メディアクエリ設定 スマートフォン用レイアウトを実現する Webサイトをスマホ対応させるための基本設定についてメモします。 CSSメディアクエリでスマートフォン用レイアウト、レスポンシブデザインを実現するためにはviewportの設定が必須 […]
2018年8月11日 / 最終更新日時 : 2018年8月21日 JavaScript【jQuery】画面幅ごとに処理内容を変える レスポンシブデザインでPCとスマホ等画面幅ごとに異なるレイアウトにするように、 jQuery (JavaScript) の効果、処理内容も画面サイズ別に変更させる方法についてメモします。 今回はクリックした画像が画面中央 […]
2018年7月28日 / 最終更新日時 : 2021年1月10日 Photoshop / Illustrator【Illustrator】 aiファイルからpng形式で書き出す（web用） Illustratorで作成したベクターデータをpng形式で保存したいとき、 Photoshopのように「別名保存」ではpng形式に変換する事が出来なかったので方法をメモします。 環境 : Illustrator CC2 […]
2018年6月12日 / 最終更新日時 : 2021年6月27日 HTML & CSS【HTML&CSS】フッターの下に余白ができないようにする フッターを最下部に固定する 閲覧する画面の縦の大きさに対してページのコンテンツが少ない時、フッターを最下部に固定して余白が出来ないようにする方法をメモします。 SAMPLE HTML <!doctype html& […]
