web design trends

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

Category

Web制作

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

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

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

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

人気のアイコンフォントとその使い方を紹介!

アイコンフォントはWebデザインやコーディングを行う上でお世話になることが多いですよね。 一度使ってみるとその便利さに気づくのですが、初めて使うときはよく分からないと思っている人も多いのではないでしょ… Continue Reading →

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

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

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

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

パララックスを使い倒す!おすすめのjQueryプラグインまとめ

パララックス(視差効果)を実装することのできるプラグインは様々あり、用途によって最適なプラグインも異なります。 今回は、パララックスを実装するためのjQueryプラグインについて、おすすめのものに厳選… Continue Reading →

Web制作におすすめ!人気のCSSフレームワークまとめ

Web制作におけるCSSフレームワークとは、デザインやレイアウトのカタログのようなものです。 ページのベースとなる部分はCSSフレームワークに任せてしまうことができるので、作業時間を大幅に短縮すること… Continue Reading →

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

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

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

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

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

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

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

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

現役デザイナーがおすすめする独学でWebデザインを勉強する最短の方法

Webデザインを勉強したい!と思う人は多いかもしれませんが、学校で習う勉強と違って正解が1つではないため、決まった勉強法が無く独学で勉強することが比較的難しいです。 しかし、その難しいと言われる理由は… Continue Reading →

【2017年】無料で使える!おすすめフリー写真素材サイト5選【商用利用OK】

著作権の表記不要で、商用利用も可能なフリー写真・画像素材提供サイトの中から、2017年おすすめの5サイトについてまとめました。 フリー写真素材提供サイトを紹介しているまとめはたくさんありますが、数が多… Continue Reading →

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

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

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

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

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

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

WordPressのカスタマイズに使える関数と使い方をまとめました

WordPressはたくさんのテーマが公開されており、簡単に洗練されたレイアウトに仕上げることができてしまいます。しかし、「ここだけこうして欲しかったのに…!」というテーマに出会うこともたくさんありま… Continue Reading →

厳選!WordPressおすすめプラグインまとめ!

個人でホームページを作るならばWordPressで作成してしまうのが手軽でいいですよね。プラグインを追加すれば、簡単に機能を増やすことだってできてしまいます。 ただ、WordPressのプラグインは種… Continue Reading →

Web制作に役立つ!JavaScript厳選プラグインまとめ【グラフ編】

ブラウザ上でグラフを表示するならばJavaScriptやjQueryを使う方法が一般的です。 画像を貼り付けると拡大したら荒くなったり、細かい数値が確認できませんが、JavaScriptを使うとマウス… Continue Reading →

コピペで使える!フォームの表示とJavaScriptでの値の取得

お問合わせのメールやユーザー登録に使うフォームですが、初心者が使いこなすには少し複雑です。 送信しても値が入っていなければキャンセルしたり、チェックボックスから複数の値を取得したり色々なテクニックを使… Continue Reading →

WordPressを使って最速でサイトを作り上げる方法

WordPressはウェブページやブログなどを管理できる、最強のツールです。 今回はそのWordPressを使ってウェブページを公開するまでの手順をご紹介したいと思います! レンタルサーバーに登録する… Continue Reading →

コピペでデザイン!簡単マテリアルデザイン風コードまとめ

「マテリアルデザイン」はGoogleが発表したデザインのガイドラインです。Googleのサービスは現在ほぼすべてこのマテリアルデザインに則って作成されています。シンプルながらも機能性に優れたこのマテリ… Continue Reading →

【2016年版】おしゃれなWordPressテーマまとめ【レスポンシブ対応】

WordPressは簡単におしゃれなウェブページを作成できるCMSとしてもっともメジャーなものになりました。 今回はWordPressのテーマの中でも、おしゃれで洗練されたデザインのものに絞り、紹介し… Continue Reading →

© 2017 web design trends