画像のフォントをAdobeツールで検索する【日本語と英語に対応】
イメージに近いポスターや広告バナーを見つけたとき。どんなフォントを使っているか、色は、写真は、と色々調べますよね。 今回はその中でも「フォント」に注目。 経験を元に一つひとつ調べる方法もありますが、「Adobe Font...
イメージに近いポスターや広告バナーを見つけたとき。どんなフォントを使っているか、色は、写真は、と色々調べますよね。 今回はその中でも「フォント」に注目。 経験を元に一つひとつ調べる方法もありますが、「Adobe Font...
サイト制作をしていると、更新前のテキストや画像が「キャッシュ」として残ることがあります。 本来は、サイトの表示速度向上に役立つ機能ですが、制作中の身としては逐一キャッシュを削除しなければならず、少し面倒なシステムに思えた...
画像圧縮に「gulp-imagemin」を使っていたところ、ある日、不可逆圧縮しようとしてエラーに。 メッセージを見ると「imagemin.jpegtran()」が問題のようです。 公式ページとコードを見比べたところ、デ...
3ヶ月ぶりにGulpを使おうとしたら「gulp-sass」でコンパイルできなくなっていました・・・。 以下のようなエラーメッセージが表示されています。 メッセージによれば「sass」もしくは「node-sass」をインス...
作成したイラストやアイコンが「1px大きい」「1px小さい」状態で書き出された! ということはありませんか。 予定のサイズから1pxズレると、状況次第では細かい設定が必要になりますよね。 対処法はいくつかありますが、今ま...
画像を拡大、縮小したときに気になる「劣化」。 常に目当てのサイズということは少ないので、データを伸縮する作業が何かと必要になります。 でも、細かい編集はしたくないもの。 Photoshopの「スマートオブジェクト」を使え...
コーディングのときにクラス名に迷うことはありませんか?命名規則がないまま構成が複雑になると、管理ができず、いずれ破綻してしまいます。 コードの再利用やメンテナンスを考えるなら「BEM」と呼ばれる設計方法がおすすめです。理...
VScodeの拡張機能「W3C Validation」を使えば、W3Cに準拠したコードなのかをエディタですぐにチェックすることができますよ! 実際に動作するまで設定したところ、環境変数の設定が難しい印象でした。こちらの拡...
インターネット接続に使われるIPアドレス。ルーターを通した方法が一般的ですが、リモートワークのように遠隔からの作業ではセキュリティにやや不安があります。 安全にネットワークにつなぐなら「VPN接続」が安心です。理由は(仮...
Webアイコンフォントで有名な「Font Awesome」。実はデザインにも利用できます。 Adobeツールなら「Illustrator」「Photoshop」「XD」で使用可能。 流れとしては、 という3ステップ。 最...