WEBデザイン 【Illustrator】アートボード（カンバス）を回転させる「回転ビューツール」の使い方をご紹介
イラレを使っていて「アートボードが好きな角度で回転できればなぁ...」と感じたことはありませんか？ きっとイラストを作成している方なら一度は思うはず。（デジタル絵描きの方はキャンバスをぐるぐる回転させながら細部を描き込んでいるイメージがあり...
WEBデザイン
WEBデザイン 
WEBデザイン Macで.htaccessなどの隠しファイルを表示するショートカットキー
今回は、デフォルトで隠しファイルとなっている.htaccess（ドットエイチティアクセス）の表示の仕方がわからない！そんな時に役立ちそうな記事です。 .htaccsessとは？ サイトの訪問者を新たな移転先へ自動で誘導したり、アクセス制限を...
WEBデザイン 【Illustrator】サンプルテキスト「山路を登りながら〜」が表示されなくなった！
昨日、PhotoshopやIllustratorなどを含むAdobeCCが2022年版にアップデートされたそうですね。 アップデート内容をちょこっと確認してみると、AI技術スバラシな新機能が追加されていてさっそく使ってみたくなりました。面白...
WEBデザイン 【コーディング備忘録】IE 環境でSVG画像が欠けた時の対処法
Internet ExplorerでSVGで書き出した画像がこのように欠けて表示されることはないでしょうか？ 他の環境ではちゃんと表示されているのに、IEだとなぜか欠けてしまう...。今回は、IEだとうまく表示されないSVG画像の対処法につ...
WEBデザイン 【コーディング備忘録】CSSで画像やボタンを右寄せにする方法
コーディングをしていると要素を左右上下に寄せる場面が多々ありますよね。 私の場合、そんな場面で真っ先に思い浮かぶのがtext-align：〇〇（位置指定）なんです。しかし、text-alignが通用しない場面に遭遇してあたふたすることも。（...
WEBデザイン 【コーディング備忘録】テキストリンクにカーソルを置いた時に下線を表示させるCSS
テキストにaタグを使ってリンクを設定すると、デフォルトの状態だと デザインはじめました このように、ちょっと古くさい見た目で表示されてしまいますよね。文字色が青だと、配色が整ったデザインを損なってしまう恐れがあります。 今回はそれを解消し、...
WEBデザイン 1色選ぶだけ！グラデーションの波背景が作れるジェネレーターをご紹介【SVG形式にも対応】
制作に役立ちそうな画像生成系のジェネレーターを発見したのでご紹介したいと思います！ その名も、wickedbackgrounds 左にある設定から1色選択するだけで自動で綺麗なグラデーションを作ってくれるんです。お手軽＆ベンリー。 ↓Col...
WEBデザイン →（矢印記号）はショートカットで一発で出せる！
矢印記号を使用するとき、「やじるし」または「みぎ」などと文字入力していませんか？ 実は、←↓↑→この4種類全部にショートカットキーが割り当てられているんです。 使用するキーは、Z + H J K L （１つずつ）のみ。 矢印記号のショートカ...
WEBデザイン 【コーディング備忘録】SVG形式で書き出したフォントが正しく表示されていないとき！〜アウトライン化と書き出し方法〜
本日は、お問い合わせページのコーディング中に起こったことについて。 電話番号と受話器のピクトグラムをまとめてSVGで書き出して、反映させてみたところ・・・ Windows環境では何故か明朝体→ゴシック体になっていたんです。 なぜ別のフォント...
アプリケーション 【Illustrator】文字の変形について〜長体・平体・正体〜
前回の記事にて、イラレで文字の属性を初期値に戻す方法についてまとめました。 その中で垂直比率と水平比率について触れましたが、今回はそのオマケ的な内容です。縦長や横長に変形した文字にも名前がちゃんと存在していたので、それぞれ紹介したいと思いま...