WEBデザイン 【Figma】文字組み（文字詰めや行間の調整など）の方法について解説！
こんにちは！社内でFigmaを導入してから２年目になり、使用頻度ではイラレを抜いてメインツールと言っても過言ではないくらいの比重になっています。私はデザインもコーディングも両方するので、デザイナーとコーダーの双方にとってより効率的な作業がで...
Webデザイン
WEBデザイン 
WEBデザイン 【Figma】書き出したSVGデータが崩れていた時に確認すること【対処法】
こんにちは。すっかりご無沙汰の更新になってしまいました。 思わず「書かねば！」と急き立てられるトラブルに直面したのであります。 それがタイトルの「FigmaでエクスポートしたSVGデータぶっ壊れ問題」です。 たまに起こってはいたのですが、書...
WEBデザイン ついに「Figma」はじめました！Figmaの特徴や使用感などのまとめ。
巷で話題のデザインツール「Figma」ですが、実は弊社でも最近導入されたんです。 まだまだイラレも主力ではあるのですが、ちょこちょこデザイン制作やコーディングで触れる機会が増えてきて最近ようやく慣れてきました。 率直な感想は…快適&便利で楽...
WEBデザイン 【Google Fonts】無料で使えるWebフォント6選
Adobeのアプリケーションでデザインをしていると、フォントにはついついAdobe Fontsを選びがちではないでしょうか。 しかしWebフォントとして使うには、ちょっと難しいのが現状。（サイト制作者だけでなく、サイトの持ち主もAdobeプ...
WEBデザイン 【コーディング備忘録】CSSで文字を斜めにする方法
最近、CSSで文字に角度をつける方法を学びました。デザインソフト上で文字を斜めにすることはあっても、コーディングでは意外と機会がなくやってこなかったんですよね。 またいつか役立つかもしれないので忘れないうちに共有しておきます！ font-s...
WEBデザイン 【Illustrator】環境設定で変更した単位が、なぜか反映されない！？
タイトルはイラレデータでコーディングしている時にたまに発生する、地味に困るトラブル。 環境設定では単位を「ピクセル」にしているのに アートボード上ではドキュメントの単位が「mm」になっている…。 思わず「どういうことなの！？」と頭を抱えてし...
WEBデザイン 【簡単3ステップ】Illustratorで文字にモザイクをかける方法
先日、会社のホームページリニューアルに伴い、印刷物の掲載ページのデザインを担当させてもらいました。 そこでは実案件の名刺を掲載するのですが、氏名や携帯番号などの個人情報をそのまま載せるわけにはいかず...。最終的に、個人情報にモザイク処理を...
WEBデザイン Macで.htaccessなどの隠しファイルを表示するショートカットキー
今回は、デフォルトで隠しファイルとなっている.htaccess（ドットエイチティアクセス）の表示の仕方がわからない！そんな時に役立ちそうな記事です。 .htaccsessとは？ サイトの訪問者を新たな移転先へ自動で誘導したり、アクセス制限を...
WEBデザイン 【Illustrator】サンプルテキスト「山路を登りながら〜」が表示されなくなった！
昨日、PhotoshopやIllustratorなどを含むAdobeCCが2022年版にアップデートされたそうですね。 アップデート内容をちょこっと確認してみると、AI技術スバラシな新機能が追加されていてさっそく使ってみたくなりました。面白...
WEBデザイン 【コーディング備忘録】IE 環境でSVG画像が欠けた時の対処法
Internet ExplorerでSVGで書き出した画像がこのように欠けて表示されることはないでしょうか？ 他の環境ではちゃんと表示されているのに、IEだとなぜか欠けてしまう...。今回は、IEだとうまく表示されないSVG画像の対処法につ...