Web Design Trends

Webに関わるすべての人のためのメディア

2022年11月:デザインの参考にしたい魅力的なWebサイト14選

2022年11月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つか…

各種SNSのシェアボタン設置用URLまとめ!サンプルコードも

Facebook、TwitterなどのSNSに記事をシェアしてもらうのに必要なのが「シェアボタン」です。サービスごとにURLやパラメータが異なるため、オリジナルでシェアボタンを作成する場合はそれぞれ設…

2022年9月:デザインの参考にしたい魅力的なWebサイト12選

2022年9月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかっ…

【GA4】簡単!外部リンクのクリック数を計測する方法

GoogleアナリティクスでWebサイトのデータを分析する際に、外部リンクのクリック数をKPIとして追っていたり、アクティビティの参考として確認したいケースはよくあります。 従来のGAはGoogleタ…

コピペで使える!CSSグラデーションジェネレーター20個まとめ

グラデーションはWebデザインに魅力的な雰囲気を生み出してくれる重要な要素の1つです。慣れてくると自分で思い通りに作れるようになりますが、最初はグラデーションの色使いに苦戦する人も多いのではないでしょ…

【2022】無料で使えるフリーアイコン素材サイト21個まとめ【商用利用OK】

アイコン素材はWebデザインのあらゆる場所で活用することができます。ボタンやリストの見出し、ラベルなどにアイコン素材を取り入れれば、より使いやすくデザインも優れたWebサイトを作ることができますね。 …

2022年版:OGPの正しい設定方法まとめ。確認方法や画像サイズも

OGPは、WebサイトのSNSからの流入を増やすためには欠かせない存在ですが、意外とWebサイト公開時に忘れがちになってしまいます。 ただしくOGPが設定されていないと、せっかくSNSでURLがシェア…

コピペでOK!CSSで作る背景パターンのサンプルコードまとめ

Webサイト上の要素に背景を表示したい場合、シンプルに画像で表示する形が一般的ですが、CSSを使って背景パターンを表示するという方法もあります。 ドット柄やチェック模様、ストライプなど色々な種類の背景…

2022年8月:デザインの参考にしたい魅力的なWebサイト11選

2022年8月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかっ…

【2022年最新】WordPressの使い方を徹底解説!初心者向けのおすすめ設定も

WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す…

Webデザインのおすすめギャラリーサイト23個まとめ【2022年最新】

様々なインスピレーションを与えてくれるデザインの優れたWebサイトをチェックするには、国内、海外の最新Webサイトの情報が日々更新されているWebデザインのギャラリーサイトがおすすめです。 ギャラリー…

【2022年版】おすすめのリセットCSSまとめ!基本知識と使い方を解説

リセットCSSとは、ブラウザによって異なるデフォルトのCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイルのことを言います。 分かりやすい例だと、inputタグなどはSafariとChrom…

初心者でもOK!WordPressサイトをたった10分で公開する手順まとめ

WordPressはブログやコーポレートサイトなど、様々なサイトに使われている人気のソフトウェアです。 しかし、レンタルサーバーの用意やドメインの取得など、初心者がWordPressサイトを公開する場…

新たなノーコードWeb制作ツール「Siter」が登場!Figmaからのインポート機能も提供

最近ではノーコードのWeb制作ツールを使ったWebサイト制作も耳にする機会が多くなってきていますが、新たに「Siter.io」という海外のツールが登場しました。 実際には1年ほど前からベータ版のリリー…

【2022年】SEOに強いおすすめWordPressテーマまとめ

WordPressを使ってWebサイトを作成する時、みなさん最初に悩むのがテーマ選びだと思います。 今回は、SEO対策を意識して作られた、SEOに強いおすすめのWordPressテーマをご紹介したいと…

2022年7月:デザインの参考にしたい魅力的なWebサイト12選

2022年7月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかっ…

Material Icons(Google Font Icons)の使い方を解説!表示されない時に確認すべきポイントも

Material Icons(マテリアルアイコン)は、マテリアルデザインに合わせて作られたGoogleが提供するフォントサービスです。Webサイトやアプリなど、様々な場面で利用することができます。 W…

2022年版:おすすめのWebアイコンフォントサービス10選

Webアイコンフォントを利用することで、数千種類のアイコン素材をWebサイト上で簡単に表示することができます。 Webサイト上で多くの画像ファイルを読み込むとページの表示速度に影響してしまいますが、W…

2022年6月:デザインの参考にしたい魅力的なWebサイト13選

2022年6月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかっ…

無料で使える!Font Awesome 6 の導入手順まとめ

Font Awesome 6は、2022年に正式リリースされたばかりのFont Awesomeの最新バージョンです。 ベータ版では無料プランがありませんでしたが、正式リリースのタイミングで無料プランも…

【2022】WordPressにおすすめのレンタルサーバーを比較!初心者でも安心して使えるのは?

WordPressでWebサイトを作ろう!と思った時、最初に悩むのが「レンタルサーバー」です。 色々なサービスがあって、さらに難しい説明も多いため、どれを選べばいいのか分からないという方も多いのではな…

【2022】ほんとに無料?フリーイラスト素材サイト30個まとめ【商用利用OK】

デザイン制作や資料作成など、イラストを取り入れることで印象がガラッと変わったり、より分かりやすく華やかな印象に仕上げることができます。 イラスト素材は画像素材よりもイメージ通りのものを見つけるのが難し…

2022年5月:デザインの参考にしたい魅力的なWebサイト16選

2022年5月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかっ…

2022年4月:デザインの参考にしたい魅力的なWebサイト10選

2022年4月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかっ…

RECOMMENDED

© 2022 Web Design Trends