Web Designing Portal

Webクリエイターのための、
Webデザイン・Web情報のポータルサイト

Column
Clips: 127

Web新時代!心地よいアニメーションを実現する6つの基本テクニックまとめ

Date : 2016.12.29

機能的なアニメーション(英: Functional Animation)とは、論理的ではっきりとした目的を持った、控えめなアニメーションを指します。読み込み時間を短く感じさせるだけでなく、ユーザーインターフェースに生命を吹き込みます。

Web新時代!心地よいアニメーションを実現する6つの基本テクニックまとめ
open in a new window

JINSに聞くアクセスログデータ活用方法~サービス開発・競合対策 etc.

Category : テクノロジー

Date : 2016.12.29

メガネ・アイウェアブランドのJINSといえば、ネット上での試着サービスの提供や、人気アニメ・キャラクターとのコラボレーション商品をオンラインショップ限定で展開するなど、常に新しい取り組みを試み、業界を牽引する存在だ。そんな同社は、アクセスログデータを同社でのサービス開発や競合対策に活かしているという。具体的にどのような活用をしているのか、詳しい話を聞いた。

JINSに聞くアクセスログデータ活用方法~サービス開発・競合対策 etc.
open in a new window

CSSで書かれたシンプルなアイコンセット「CSS ICON」!

Date : 2016.12.27

今回はCSSで書かれたシンプルなアイコンセット「CSS ICON」!です。 CSSのみで表現されたシンプルで実用的なアイコン集を紹介します。

CSSで書かれたシンプルなアイコンセット「CSS ICON」!
open in a new window

.htaccessを使ったよく使うリダイレクトまとめ

Date : 2016.12.27

Webサイト公開後、.htaccessを使って旧ページから新ページにリダイレクトをかけます。何度も同じようなことをしているのですが、やはり忘れっぽいので、よく使うリダイレクトの書き方をまとめておきます。

.htaccessを使ったよく使うリダイレクトまとめ
open in a new window

flexboxのCSSレイアウトを生成できる便利ツールflexplorer

Date : 2016.12.27

flexboxはシンプルなhtmlでレイアウトを構成できて便利ですが、プロパティが色々あって混乱することもしばしば。。 flexplorerを使えば、スタイルの切り替えを実際に見ながらレイアウトの確認が出来るので、flexboxの仕組みが直感的に理解できます。

flexboxのCSSレイアウトを生成できる便利ツールflexplorer
open in a new window

画像内に使われている似たフォントを教えてくれるサイト「Font Matcherator」!

Category : デザイン

Date : 2016.12.27

画像内に使われている似たフォントを教えてくれるサイト「Font Matcherator」!です。 アップロードした画像内に使われているフォントに似たフォントを教えてくれるサイトを紹介します。

画像内に使われている似たフォントを教えてくれるサイト「Font Matcherator」!
open in a new window

知らないと損する!?2016年グッドデザイン賞を取ったWebサービス・アプリまとめ!

Date : 2016.12.27

グッドデザイン賞は、公益財団法人日本デザイン振興会主催で、毎年優れたデザインの物事に贈られるデザイン賞です。 街中やWebでGマークを見かける機会も多いですよね。 ここでは、その中からWebサービス・アプリを紹介したいと思います。

知らないと損する!?2016年グッドデザイン賞を取ったWebサービス・アプリまとめ!
open in a new window

Google、モバイルファーストインデックスの導入予定を正式発表。スマホ向けページを検索の評価対象に。SEOへの影響は?

Date : 2016.12.27

Googleは、Mobile First Index(モバイル ファースト インデックス)の導入を正式にアナウンスしました。 モバイル ファースト インデックスに向けてモバイル ファースト インデックスでは、PC向けページではなく、モバイル向けページの評価に主に基づいてランキングが決定されます。 Gary Illyes(ゲイリー・イリェーシュ)氏が米ラスベガスで10月に開催されたPubCon Las Vegas 2016で発表していたGoogle検索の仕様変更です。

Google、モバイルファーストインデックスの導入予定を正式発表。スマホ向けページを検索の評価対象に。SEOへの影響は?
open in a new window

UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20

Category : デザイン

Date : 2016.12.27

WebサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。

UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20
open in a new window

ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ

Date : 2016.12.27

ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。

ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ
open in a new window

2017年に注目しておきたい、JavaScriptのライブラリのまとめ

Date : 2016.12.27

数多くあるJavaScriptのライブラリの中で、どれを勉強すればいいか判断することはなかなか難しいものです。いくつかのライブラリは放置され衰退し、またいくつかは急速に成長し、広範囲に採用されることがあります。 jQueryやReactは多くの人が知っているでしょう。 2017年に注目しておきたい、急成長しているJavaScriptのライブラリを紹介します。

2017年に注目しておきたい、JavaScriptのライブラリのまとめ
open in a new window

クリック率・コンバージョン率を高めるボタン。3つの大きなポイント

Category : デザイン

Date : 2016.12.27

WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン(Call to Action Button)】についての考えをまとめたいと思います。

クリック率・コンバージョン率を高めるボタン。3つの大きなポイント
open in a new window

2016年に話題になったWebサービスまとめ

Date : 2016.12.27

@JUNP_Nです。毎年恒例、今年話題になったWebサービスをまとめて振り返ってみる企画。2016年は「ポケモンGO」や「AbemaTV」「SNOW」(SONWのリリースは2015年ですが)などが、印象が強く残っています。振り返ってみると、かなりの数に......。

2016年に話題になったWebサービスまとめ
open in a new window

モバイルの使いやすさを劇的向上!参考にしたい7つのポイントまとめ

Date : 2016.12.27

アプリはコンテンツやサービスを提供するために、信用できる主流の方法となっています。しかし、さまざまなサービスが乱立する市場では、どのようなモバイルアプリが役立ち、関連性が高く評価され、ユーザーを楽しませてくれるでしょう。

モバイルの使いやすさを劇的向上!参考にしたい7つのポイントまとめ
open in a new window

当コンテンツは、ウェブにおける公共的な技術の向上を目的とし、著作権法第32条で定められた通り、一般に公表された著作物を出所を明示して引用しています。掲載に関するお問い合わせはこちらにご連絡ください。

Category

Page top