Web Design Trends

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

Category

Web制作

metaタグとは?重要なタグ一覧とSEO対策のための書き方

metaタグ(メタタグ)とは、検索エンジンに向けてページの情報を伝えたり、ブラウザに対してページの表示方法を指示したり、SNSでシェアされた時の表示方法をコントロールするなど、とても重要な情報です。 ...

2018年版:パララックスを簡単に実装できるおすすめプラグイン8選

パララックスは、様々なWebサイトで取り入れられているデザイン手法で、ユーザーを楽しませたりサイトを魅力的に見せたりなど様々な効果を発揮します。 Webサイトでパララックスを実装するためのプラグインや...

初心者必見!安全にWordPressのテーマを編集する方法

WordPressは世界中で使われているWebサイト構築の代表的なツールです。人気の理由は管理画面から記事やページの管理が簡単にできるという点です。 しかし、管理画面で編集できることは一部なので、本格...

HTML5でアプリが作れる!?Web制作者におすすめのハイブリッドアプリとは

iOSやAndroid上で動作するモバイルアプリはSwiftやJavaを使って開発されるネイティブアプリが一般的ですが、実はHTML5やCSS、JavaScriptを使って開発するハイブリッドアプリと...

初心者のためのWebサイトコンセプト設計方法

いざWebサイトを作ろうと思っても、立ち上げた経験の無い人にとっては分からないことだらけで、どこから手を付ければいいのか分からない場合が多いと思います。 Webサイトを0から作る場合には、まずサイトの...

node-sassを使ったSassの導入方法

GUIコンパイラでSassをコンパイルすることも可能ですが、仕様がツールに依存してしまうため、細かい設定を行うような場合にはコマンドラインを利用したコンパイルがおすすめです。 方法は色々とありますが、...

SassのGUIコンパイラは「Prepros」がおすすめ!使い方と機能のまとめ

Sassに挑戦しようと思ったけどコンパイルのための環境構築が難しそうでやめてしまった方も多いのではないでしょうか。Sassのコンパイルにはコマンドラインを利用する方法が主流ですが、実はGUIコンパイラ...

脱初心者!Sass記法の入門

Sassというキーワードは知っていても、まだSassを使ってCSSを記述できていない方も多いのではないでしょうか。Sassは一昔前にブームが来て、今はあまりホットではないと思っている人が多いかもしれま...

中上級者のためのHTML+CSSのおすすめ書籍

HTMLとCSSの学習書で有名なものは初心者向けのものが多く、ある程度知識を身に付けて後は独学で進めてきたというWebデザイナー、エンジニアの方が多いのではないでしょうか。確かにWeb上に様々な情報が...

WordPressのローカル環境構築ならLocalがおすすめ!

WordPressのWebサイトを制作する上で欠かせないのがローカル環境の構築です。サーバー上にWordPressをインストールして開発を行う場合、サイト公開前からサーバーを用意しないといけなかったり...

ブロックを組み合わせてサイトが作れる「Froala Design Blocks」

仕事や趣味で簡単なWebページが必要になることがあったりしますよね。自分で0から作るには大変で、WordPressを使うと負担が大きくなってしまうなど、簡単なWebサイトであっても作るのは意外に大変で...

初心者必見!WordPressテーマ選びのポイント

WordPressでWebサイトを作ろう!と思った時に、まず悩むのがテーマだと思います。WordPressは様々なテーマが公開されていて、色々なデザインの中から選ぶことができますが、数が多すぎてテーマ...

洗練されたミニマルデザインへ。パララックスやアニメーションを活用する方法

ミニマルデザインは、デザインから余分なものを取り除くことで、シンプルでおしゃれなWebサイトに仕上げることができるデザイン手法です。 見た目もシンプルで、簡単に作れるのではと思ってしまいがちですが、た...

必見!Web制作に役立つサービス・ツールまとめ

一口にWebデザインと言っても、ベースのデザインを作成する所からコーディングまで様々な工程があり、色々なサービスやツールを使って制作が行われています。 今回は、実際にデザイン制作の現場で役立つような、...

コピペで実装!すぐに使えるCSSサンプルコードまとめ

ボタンや見出しなど、Webデザインの核となるパーツに関するCSSサンプルコードが紹介されているページをまとめました。 想像以上に優れたデザインが多数紹介されていて、中には難しいコードも紹介されています...

コピペで実装!スプリットスクリーンレイアウトのサンプルコード

スプリットスクリーンレイアウトとは、画面を大きく分割して表示するデザイン手法です。 分割するため対比を表現したい場合に使われたり、画面の片側をメニューのようなガイド表示に使用する場合も多いですね。 今...

おすすめ!マテリアルデザインのフレームワークやUIキットまとめ

マテリアルデザインはGoogleによって発表されたデザインの考え方と手法です。 マテリアルデザインはユーザビリティを考えたデザインということが特徴で、シンプルかつ分かりやすいデザインを作成することが可...

脱WordPress!静的サイトの特徴やメリットなどのまとめ

WordPressのようにアクセスされる度にページを生成するのではなく、予め生成しておいたページを表示する静的サイトが再び注目を集めています。 静的サイトの特徴やメリットとデメリット、人気の静的サイト...

徹底比較!誰でも簡単にホームページが作成できるサービス

個人で経営している飲食店やショップではホームページ制作というのが結構頭を悩ませるものです。 自分でコーディングするスキルは無いけれど、依頼するとお金がかかってしまうと悩んでいる方は、テンプレートを利用...

簡単!可変グリッドレイアウトが作れるプラグインまとめ

可変グリッドレイアウトとは、画面の幅を変更することでグリッドが最適な配置に整列するようなグリッドレイアウトのことを言います。 レスポンシブデザインとの相性がいいのはもちろん、PCでの表示でもデバイスに...

脱初心者!Googleフォントを活用してサイトにアクセントを加えよう!

Googleフォントは、Googleが無料で提供しているWebフォントのサービスです。 Webフォントは様々な端末で表示を揃えることができるので、Webデザインの現場でよく使われます。 今回は、Goo...

WordPressを運用するなら「エックスサーバー」で決まり!

WordPressでサイト運営をするにあたって欠かせないのがレンタルサーバーです。色々な企業がサービス提供しており、どのレンタルサーバーを利用するか悩みますよね。 WordPressでサイトを作るなら...

LPのコンバージョン率を高めるにはボタンを上手に使おう!

ランディングページ(LP)とは、一般的にユーザーが最初にアクセスするページのことを指します。LPは最初に目にするページなので、そのデザインやレイアウトによってコンバージョン率が大きく左右します。 特に...

Web制作に役立つ!JavaScript厳選プラグインまとめ【アニメーション編】

近年、PCのスペックが高まるの共にウェブページの中でアニメーションが使われる機会も増えてきました。複雑なアニメーションは特別なソフトを使って作成しなければなりませんが、簡単なアニメーションならJava...

1234

© 2020 Web Design Trends