Webデザイン

WEBデザイン

【簡単3ステップ】Illustratorで文字にモザイクをかける方法

先日、会社のホームページリニューアルに伴い、印刷物の掲載ページのデザインを担当させてもらいました。 そこでは実案件の名刺を掲載するのですが、氏名や携帯番号などの個人情報をそのまま載せるわけにはいかず...。最終的に、個人情報にモザイ...
WEBデザイン

Macで.htaccessなどの隠しファイルを表示するショートカットキー

今回は、デフォルトで隠しファイルとなっている.htaccess(ドットエイチティアクセス)の表示の仕方がわからない!そんな時に役立ちそうな記事です。 .htaccsessとは? サイトの訪問者を新たな移転先へ自動で誘導したり、...
WEBデザイン

【Illustrator】サンプルテキスト「山路を登りながら〜」が表示されなくなった!

昨日、PhotoshopやIllustratorなどを含むAdobeCCが2022年版にアップデートされたそうですね。 アップデート内容をちょこっと確認してみると、AI技術スバラシな新機能が追加されていてさっそく使ってみたくなりまし...
WEBデザイン

【コーディング備忘録】IE 環境でSVG画像が欠けた時の対処法

Internet ExplorerでSVGで書き出した画像がこのように欠けて表示されることはないでしょうか? 他の環境ではちゃんと表示されているのに、IEだとなぜか欠けてしまう...。今回は、IEだとうまく表示されないSVG...
WEBデザイン

できるかもデザイン「プロのデザインレビューでバナーをもっとレベルアップ!」に参加してみた

毎月恒例となりました「できるかもデザイン」の第11回に参加してきました。 今回は視聴者の方々が作成したバナーを添削する回でございました。なんと100名以上の方が応募されたそう。 初学者あるあるなデザインから、プロ並みに仕上がっ...
WEBデザイン

【コーディング備忘録】CSSで画像やボタンを右寄せにする方法

コーディングをしていると要素を左右上下に寄せる場面が多々ありますよね。 私の場合、そんな場面で真っ先に思い浮かぶのがtext-align:〇〇(位置指定)なんです。しかし、text-alignが通用しない場面に遭遇してあたふたするこ...
WEBデザイン

【コーディング備忘録】テキストリンクにカーソルを置いた時に下線を表示させるCSS

テキストにaタグを使ってリンクを設定すると、デフォルトの状態だと デザインはじめました このように、ちょっと古くさい見た目で表示されてしまいますよね。文字色が青だと、配色が整ったデザインを損なってしまう恐れがあります。 ...
WEBデザイン

できるかもデザイン「初学者あるあるデザイン改善ライブ!LP編」に参加してみた

先日、第10回できるかもデザインの配信ライブに参加しました。 今回は初学者デザイン改善ライブのLP編ということで、主にLPのファーストビューをデザイナーのまるみさんが改善していくという内容でした。 まずは、今回のお題で...
Webデザイナーになるまでのお話

未経験からWebデザイナーを目指した転職活動から1年を経て

9月に入り、早いもので今年もあと数ヶ月。 ふと「去年の今ごろ何してたかな」と思い返していたのですが、新たな門出を迎えるための一歩を踏み出していたところでした。Webデザイナーへの転職活動です! 1年前のことですが、記憶が鮮明な...
WEBデザイン

1色選ぶだけ!グラデーションの波背景が作れるジェネレーターをご紹介【SVG形式にも対応】

制作に役立ちそうな画像生成系のジェネレーターを発見したのでご紹介したいと思います! その名も、wickedbackgrounds 左にある設定から1色選択するだけで自動で綺麗なグラデーションを作ってくれるんです...
タイトルとURLをコピーしました