Web Design Trends

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

Page 2 of 16

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

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

最近読んだWeb制作/デザイン関連のおすすめ書籍【2022年1月】

最近読んだ書籍の中から、Webデザインやコーディングに関連するおすすめの書籍をまとめました。 初心者の方でも分かりやすく、実践的なスキルを身に付けるために役立つものをピックアップしているので、ぜひスキ…

FramerにWebサイトを公開できる「Sites」機能が登場!ノーコードに追い風か

Framerは、FigmaやXDのようなUIデザインツールの1つです。他のUIデザインツールと比べると知名度は高くないかもしれませんが、React Componentが利用できるなど、面白い機能が提供…

2022年に流行するアニメーションの最新トレンド10個まとめ

Webデザインやグラフィックデザインなど、様々な分野のデザインのトレンドを取り上げてきましたが、今回は2022年のアニメーションの10個の最新トレンド予測をご紹介したいと思います。 複雑でリアルなCG…

2022年に流行するロゴデザインの最新トレンド8個まとめ

2022年のWebデザインのトレンドやグラフィックデザインのトレンドも明らかになり、その他のデザインの分野のトレンドの傾向も見えてきました。 今回は、2022年に流行するロゴデザインの最新トレンド予測…

2022年に流行するグラフィックデザインの最新トレンド10個まとめ

世界中のデザイナーたちが作り上げる作品を観察することで、その年を代表するようなトレンドがどのようなものなのかが見えてきます。 2022年はどのような魅力的で素晴らしいデザインが登場するのでしょうか? …

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

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

2022年のトレンドカラー「ベリーペリ」を改めてチェックしておこう!

ついに2022年がスタートしました。昨年末にPANTONEから発表された2022年のカラーオブザイヤーは「ベリーペリ(Very Peri)」となりました。 誠実さや普遍性、継続性を想起させるブルーと、…

2022年に流行するWebデザインの最新トレンド10個まとめ

2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWe…

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

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

最近読んだWeb制作/デザイン関連のおすすめ書籍【2021年】

Web制作やWebデザインは様々な方法で学べるようになりました。動画学習や学習サービスなども充実していますが、それでも書籍でしっかりとスキルを身に付けることは効率的に学ぶことができ、とても大切です。 …

【VSCode】Live Serverを使ってWeb制作でライブリロードを活用しよう

Live Serverは、簡易的なローカルサーバーを簡単に立ち上げることができるVSCodeの拡張機能です。 ライブリロードにも対応していて、初心者の方がはじめてローカルサーバーを使った制作に挑戦する…

FigmaでWebサイトのデザインから公開まで完結するプラグイン「Makers」が登場!

先日、「Makers」というFigmaでWebサイトのデザイン制作から公開まで完結することができるプラグインが発表されました。 ノーコードでのWeb制作は非常に注目を集めている分野であり、実際にノーコ…

2021年版:WordPressで人気記事を表示する方法【WordPress Popular Posts】

主にブログなどで見かけることの多い「人気記事一覧」ですが、WordPressならプラグインを使って簡単に表示することができます。 今回は、WordPress Popular Postsを使ってサイドバ…

今さら聞けないFont Awesomeの使い方やカスタマイズ方法

Font Awesomeとは、無料で利用可能なWebアイコンフォントで、アイコンの種類がとても豊富なのでWeb制作の様々な場面で活用することができます。 ただ、CDNを使ったり疑似要素(::befor…

YouTube動画埋め込み時にパラメータを指定して表示をカスタマイズする方法

YouTubeの動画をWebサイトに表示したい場合、埋め込みコードを使えば簡単に動画を埋め込むことができます。 今回は、YouTube動画をWebサイトに埋め込む時にパラメータ(オプション)を指定して…

WordPressのブロックエディターを無効化して旧エディターに戻す方法【投稿・ウィジェット】

WordPressの標準機能となっている「ブロックエディター(Gutenberg)」ですが、できることが多い反面、使いづらいという声もよく耳にします。 今回は、WordPressの投稿・固定ページ編集…

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

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

WebサイトでYouTube動画をレスポンシブ対応して埋め込む方法【iframe】

今回は、WebサイトにYouTube動画をレスポンシブ対応して埋め込む方法をご紹介します。 なお、この方法はiframeをWebサイトに埋め込む場合に利用可能なので、Vimeoやその他のサービスでも同…

HTMLでのvideoタグを使った動画の埋め込み方法を解説!属性の使い方や注意点も

HTMLでは、videoタグを使うことによって動画を埋め込み、ページ上で再生することができます。 videoタグには様々な属性があり、それらを正しく組み合わせて使うことで、自動再生やループ再生などをコ…

ノーコードWordPressページビルダー「Elementor」とは?使い方や基本機能などまとめ

Elementorとは、ノーコードでWordPressのページが構築できるページビルダープラグインです。Elementorによって提供されているウィジェットを組み合わせてページを作ることができるので、…

コピペで作れる!おすすめのCSSジェネレーター・ツールまとめ

CSSがコピペで実装できるおすすめのジェネレーターやツール、サンプルコードなどをまとめました。 CSSに慣れてくるとコードを書くだけでイメージ通りのデザインを作ることができますが、慣れるまではコードだ…

進化が止まらない!Webサイトが簡単に作れるノーコードツールまとめ

近年話題を集めている「ノーコード」ですが、Webサイト制作においてもノーコードでサイトを制作できるツールやサービスが充実してきました。 数年前までは、まだまだノーコードツールの使い勝手もあまり良くなく…

そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説!

WebP(ウェッピー)は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができま…

RECOMMENDED

© 2022 Web Design Trends