WEBデザイン制作

【コピペでOK】javascriptでいい感じのロード画面を実装したい!

WEBサイトを開くとたまにページを読み込む前にロード画面が出てきますよね。読み込む間にそういったアニメーションを入れることでユーザーの待ち時間のストレスを軽減することができます。今回は擬似的にローディングアニメーションをページ読み込み前に表示させるコードを紹介します。
WEBデザイン制作

【コピペでOK】jQueryで簡単に実装できるスムーススクロール!

ボタンや画像を押すと素早く目的の場所にスクロールしてくれる「スムーススクロール」。今回はjQueryを使ったなめらかな動きのスムーススクロールのコードを紹介します。
WEBデザイン制作

【どんな書体でも使える裏技】Photoshopで文字を太くする2つの方法

書体を編集するときに、使いたい書体で太さが1つしか無い・・ほんの少しだけ文字を太くしたい・・・こんな場面で使える2つの技を紹介します。1.文字をほんの少しだけ、気持ち太くしたいアンチエイリアス機能が「鮮明」になっている場合は「強く」に変更す...
デザインブログ

UI/UXデザイナーの私が実際に読んで役に立った本9選

UI/UXデザインを学ぶために本を探してるんだけどおすすめが知りたい...転職やスキルアップを目指しているけど、効率的に学びたい…そんな人向けに、今回は実際に筆者が読んで役に立ったものを9冊厳選してご紹介したいと思います。筆者はWebデザイ...
デザインブログ

在宅ワーカーで運動不足だった私が「登山」を始めてみた。

「ずっと家にいて、体がなまってる…」そんな悩み、ありませんか?在宅ワークは快適ですが、その反面、 運動不足やストレス に悩んでいる人も多いのではないでしょうか?「ジムに通おうと思ったけど、結局続かなかった…」「仕事が終わると疲れて、運動する...
デザインブログ

【アクセス解析】サイトのPVを伸ばすために実践していること

自分のブログやサイトのアクセスを伸ばしたいなでも具体的な何を見れば良いかがわからないそんな悩みを抱える 個人ブロガーや、副業・フリーランスのWeb制作者にとって、ブログ運営はただ記事を書くだけではなく、戦略的に育てていくものです。ブログは、...
WEBデザイン制作

Photoshopで”文字詰め”機能が表示されないときの対処法

あれ…?フォトショの文字詰め機能がなくなっている…?Photoshopで、突然"文字詰め"機能が表示されない時の対処法を紹介します。文字パレットみると、以下の画像のようになっているかと思います。赤枠のところにあったはずの文字詰め機能がない…...
WEBデザイン制作

【デザインノウハウ】現場で使っている文字詰め方法

文字詰めはデザイン技術の中でも特に重要なことです。字詰めをやっていないとキーボードで打っただけのアンバランスな文字列に見えてしまい、デザインクオリティの低下に直接つながります。今回は私が実際に現場でよく使う文字詰めのやり方を、明朝体、値段の...
WEBデザイン制作

【レスポンシブ対応】コピペでOK!WEBサイトにyoutube動画を埋め込む方法

youtube動画をWEBサイトへレスポンシブ対応で埋め込む方法を紹介します。
クリエイティブ系転職のいろは

【何から手をつければいいの?】未経験からWEBデザイナーを目指したい方へ

こんにちは!今回は未経験からWEBデザイナーを目指そうと思っている方に、プロのデザイナーになるまでにはどうすればいいかについてデザイナー歴7年の私、総長が記事にまとめてみました!何かの進路のきっかけになれば幸いです :-D