Web制作に役立つ情報一覧

テクニカルSEOとは何か？その基本と10個のベストプラクティス。

2023/04/21(Fri) 08:58

どれだけ検索エンジンが進化したとしても、最低限のテクニカルSEOを実施し、SEOフレンドリーなWebサイトにする作業は、まだまだ必要とされています。しかし、SEOを初めて行う方は特にですが、どこから始めればよいかわからないことも多いでしょう。今回は、そのようなテクニカルSEOにおける重要な箇所をまとめた、Semrush blogの記事を紹介します。

https://www.seojapan.com/blog/technical-seo

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

2023/04/20(Thu) 08:59

「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。

https://note.com/i3design_design/n/na5bc07e4acb0

デザイン4原則でUIの観察眼を鍛える

2023/04/19(Wed) 09:08

ココナラでデザインマネージャーをしている外崎です。弊社にもついに新卒デザイナーを迎えることになりました。育成プランを練る中で、若手UIデザイナーが最初に身につけたい、そして今後も汎用的に使えるスキルについて僕なりのアイデアが浮かんだのでこの記事を書きました。

https://note.com/takumitono/n/nb4e69d91cc99

これは覚えておきたい！ CSSの三角関数で斜めのレイアウトを実装するテクニック

2023/04/18(Tue) 08:54

ヘッダやコンテンツの区切りを斜めにしたいとき、どのように実装していますか？CSSの三角関数が主要ブラウザのすべてにサポートされたことで、今まではかなり複雑なCSSやJavaScriptが必要だった斜めのレイアウトがシンプルなCSSで実装できます。コンテンツ自体を斜めにすることも、水平のままにしておくことも可能です。

https://coliss.com/articles/build-websites/operation/css/css-diagonal-layouts-in-2023.html

アニメーションやモーショングラフィックスを一から学べる！ AEの基本操作から実践的なテクニックまでを幅広く解説した解説書 -After Effectsよくばり入門

2023/04/17(Mon) 08:58

ここ2,3年でアニメーションや動画の需要が大幅に高まっていますね、YouTubeをはじめ、さまざまなSNSでも動画コンテンツが欠かせないものとなっています。6月に開催されるコンテンツ東京 2023でも特に注目されているジャンルです。簡単なアニメーションの作成からさまざまな表現方法、プロ仕様のモーショングラフィックスまで、Adobe After Effectsの基本操作から実践的なテクニックまでを幅広く解説した解説書の決定版を紹介します。

https://coliss.com/articles/book-review/isbn-9784295015833.html

【商用OK】おしゃれで使いやすいフリーフォント45個まとめ

2023/04/14(Fri) 08:52

おしゃれなフォントを探しているが、あまり予算がないとお困りの方へ。どれも無料ダウンロードでき、商用利用にも対応したフリーフォントをご紹介します。フォント選びに迷わず、入力するだけでおしゃれな雰囲気を演出できます。

https://photoshopvip.net/145373

UIデザインに必須の16の論理ルール！ デザインは細部のちょっとした作り込みが使いやすさを決める

2023/04/14(Fri) 08:51

UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。長い記事なので、時間がある時にゆっくりご覧ください。

https://coliss.com/articles/build-websites/operation/work/16-ui-design-rules.html

Sass不要！CSSだけでも変数やネスト、演算子が使えるよ！

2023/04/13(Thu) 08:59

CSSをより便利に、効率よく記述できるSass。利用しているWebサイト制作者も多いでしょう。近年はCSSでもSassのような書き方ができるようになってきているので、Sassとの書き方の違いとともに紹介します！

https://www.webcreatorbox.com/tech/sass-to-css

デザインは余白でこんなに変わる！Webデザイナーが解説

2023/04/11(Tue) 08:55

この記事ではデザインをする上で重要な要素である「余白」について解説します。「デザインがごちゃごちゃしてしまってなんだか垢抜けない……」「かといって余白を作るとスカスカしてしまいそうで怖い……」そんな経験をしたことのある方向けに、余白の役割と効果的な使い方、意識するべきポイントを解説します。

https://liginc.co.jp/624584

イラレ(Illustrator)で矢印を追加する超簡単な方法【図解】

2023/04/05(Wed) 09:10

「Illustrator（イラレ）で矢印を作成する方法」について、イラレ初心者の方向けに、実際の画像をお見せしながらわかりやすく解説していきます！この記事を読めば、一番簡単な方法で矢印が作れるようになります！「矢印は三角と線を組み合わせて作っている……」「いつも素材サイトからダウンロードしがち……」という方は簡単に作れる矢印制作にチャレンジしてみましょう！

https://liginc.co.jp/624649