Web Design Trends

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

Page 2 of 14

2020年版:おすすめの人気CSSフレームワークと特徴の総まとめ

様々な種類のCSSフレームワークが公開されていますが、種類が多すぎてどれを選べばいいのか分からないというパターンは多いと思います。 今回は、2020年おすすめのCSSフレームワークと、それぞれの特徴に...

【WordPress】カスタム投稿タイプの基本と使い方を徹底解説!パーマリンクのカスタマイズ方法も

WordPressの便利な機能の1つが、カスタム投稿タイプです。これによって、1つのサイトの中で複数のタイプの投稿を管理することができます。 ただ、設定項目が少し多く、パーマリンクの設定なども少し複雑...

Font Awesome 6がもうすぐ提供開始!新たなアイコンの種類やスタイルの登場も

Font Awesomeと言えば、Web上でアイコンを表示することができる人気サービスです。 そんなFont Awesomeから、新たに「Font Awesome 6」の登場が発表されました。 現在は...

2020年版:Webデザインの勉強におすすめの本・書籍10冊+α

Webデザインの学習を行う上で2020年最新のおすすめの本を下記の4つのステップに分けて、合計10冊を選びました。 デザイン基礎知識 Webデザインの基本知識 HTML/CSS(+ JavaScrip...

2020年6月:デザインの参考にしたいWebサイト10選

2020年6月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 100 D...

2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】

現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま...

Framerにブラウザ版が登場!Figmaとの違いは?改めて特徴をまとめてみた

Framerは、人気のUIデザインツールの1つです。日本でのシェアはあまり高くないかもしれませんが、機能が豊富で非常に魅力的な点も多いです。 そんなFramerですが、先日ブラウザ上で動作するWeb版...

CSS Grid Layoutを使った便利なテクニックやツールなど

CSS Grid Layoutを使えば、他の方法と比べてシンプルにコードを記述することができたり、柔軟なレイアウトを作ることができます。 知っておくと役立つテクニックや、ジェネレーター、CSSフレーム...

2020年版:CSS Grid Layoutの対応ブラウザやベンダープレフィックスについて解説!

CSS Grid Layoutは、CSSで柔軟にレイアウトを作ることができる便利なレイアウト手法です。 しかし、Flexboxと比べてブラウザ対応が遅れているなど、推奨環境について気になる方も多いので...

2020年版!おすすめのリセットCSSまとめ

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

Adobe XD検定が登場!あなたはどこまで使い方を知ってる?

2020年5月19日、Adobeから「Adobe XD検定(ベータ版)」が公開されました。現在はベータ版ですが、XD検定を通して自分の理解度をチェックすることができます。 全部知っているつもりでも、意...

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

2019年も様々なデザインのWebサイトが公開され、Web制作者にたくさんの刺激を与えてくれました。 Webデザインを行う上で、トレンドに則ってデザインすることは必ずしも必要なことではありません。しか...

ニューモーフィズムとは?デザイン方法やルールのまとめ

2020年の初め頃から、新しいデザインのトレンド「ニューモーフィズム(Neumorphism)」が注目を集めています。 シンプルながらもデザイン性に富んでいて、今後色々なサービスでニューモーフィズムが...

一番分かりやすいCSS Grid Layoutの使い方ガイド

CSS Grid Layoutは、CSSによるレイアウト手法の1つです。様々なレイアウトをこれ1つで実装することができます。 ただ、覚えなければならないことも多く、初心者の方にとっては少し難しく感じる...

2020年版:おすすめのWebデザインギャラリーサイト10個まとめ

Webデザインの参考になるギャラリーサイトをまとめました。優れたWebデザインを行うためには、色々なサイトを見て自分の中の引き出しを増やしていくことが大切です。 今回おすすめのギャラリーサイトを選ぶに...

2020年5月:デザインの参考にしたいWebサイト12選

2020年5月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 Polly...

【2020年版】Webサイトのファビコンや各種アイコンの作り方・設定方法

ファビコン(favicon)や、iOSやAndroidでホーム画面に保存した時に表示される画像、Windows8や10でスタート画面にピン留めした時の画像など、Webサイトでは様々なアイコン画像に関す...

オリジナルのシェアボタンを作ろう!各種SNSのボタン設置用URLまとめ

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

Figmaのおすすめデザイン素材・UIキットまとめ

デザイン素材やUIキットを使うと、デザイン制作作業の時間を短縮できたり、デザインのインスピレーションを得ることができます。 また、UIキットはデザインツール自体の使い方を学ぶときにも大いに役立ちますね...

2020年最新!おすすめの無料(フリー)画像・写真素材サイト7選【商用利用OK】

デザインの中に写真を使うことによって、視覚的に情報を伝えることができ、イメージも作り上げやすくなります。 フリー写真素材提供サイト・ストックフォトサービスを紹介しているまとめはたくさんありますが、数が...

Emmetの使い方を覚えてHTML/CSSの高速コーディングを身に付けよう

Emmetとは、HTMLやCSSのコード入力を補完してくれるプラグインです。Emmetを使うことによってコーディング作業を効率化することができ、使わない場合と比べるとコーディング速度にかなりの差が出ま...

2020年版:WordPressのおすすめプラグインまとめ

WordPressはプラグインを使うことによって、SEO対策から関連記事の表示、ページの表示速度改善など、様々な機能拡張を行うことができます。 ただし、プラグインの数が増えすぎると逆に処理が重くなって...

WordPressに一番おすすめのレンタルサーバーとは?

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

ユーザーテストが劇的に簡単に行えるサービス「Maze」とは

Mazeはユーザーテストのためのプラットフォームです。プロトタイピングツールと連携することができ、テストの作成から実施、結果の集計まで手間も時間もかけずに行うことができます。 ユーザーテストの在り方を...

おすすめ

"いま"読まれている記事

12345...»

© 2020 Web Design Trends