Web Designing Portal

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

Column
Clips: 127

【2016年】ディレクター必見!スマホ用グローバルナビゲーションのトレンド8選

Date : 2016.10.20

なんとなくハンバーガーかドロワーの2択が多いですが、スマホサイトで見られるグローバルメニューのインターフェイスは、次の8つが挙げられます。それぞれのメリットやデメリットで用途が分かれますので、サイトの特色に合ったグローバルメニューを検討する材料にしてみてはいかがでしょうか。

【2016年】ディレクター必見!スマホ用グローバルナビゲーションのトレンド8選
open in a new window

2016年は情報収集力が鍵!IT業界の人がチェックするべき海外ブログやメディア25選!

Category : その他

Date : 2016.10.18

今年は特にIoTの流れが急速に進みつつありますし、どのメディアでもVRだったり、リアルタイムメディアの成長についてだったり、変化の兆しが非常に顕著にあらわれていると思います。と、言うことで、情報収集に関する記事として、このメディアは見といた方が良いというリストを改めて整理された上で紹介されています。

2016年は情報収集力が鍵!IT業界の人がチェックするべき海外ブログやメディア25選!
open in a new window

アイデアがガンガン降り注ぐ、Webデザインの参考になるギャラリー集

Category : デザイン

Date : 2016.10.18

ありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。パーツごとに分類されています。

アイデアがガンガン降り注ぐ、Webデザインの参考になるギャラリー集
open in a new window

ファーストビューの動きが面白いWebサイト20

Category : デザイン

Date : 2016.10.18

近年デスクトップ版のWebサイトでは、様々な動きをつけたエフェクトをよく見かけます。中でもWebGL、JavaScriptなどで作られたアニメーションをメインに利用しているWebサイトを中心に紹介されています。

ファーストビューの動きが面白いWebサイト20
open in a new window

文章中の全角英数字をすべて半角英数字に変換するツール「全角英数字 → 半角英数字 [FONT TYPE CHANGE]」作ってみました

Date : 2016.10.18

Webページ上で英数字を表記する際に全角文字を使用すると可読性の問題やバランスの悪さに加えて、アクセシビリティ等にも影響を与え問題が多く発生します。そんな場合などにわざわざ原稿内の全角英数字をチェックをして書き直すのも手間なので、解決策として文章中の全角英数字をすべて半角に変換するツールの制作をおこなったものが紹介されています。

文章中の全角英数字をすべて半角英数字に変換するツール「全角英数字 → 半角英数字 [FONT TYPE CHANGE]」作ってみました
open in a new window

スクロールした時に面白いエフェクトを出すためのアイデアまとめ

Category : デザイン

Date : 2016.10.18

スクロールを行ったときに、どれくらいスクロールしたのか知らせるものや、スクロール感がユーザーに伝わりやすい実装方法などがまとめられています。製品やサービスを解説するようなハウツーページや、トップページやサービスページで使いたいエフェクトのアイデア。

スクロールした時に面白いエフェクトを出すためのアイデアまとめ
open in a new window

聞き慣れないけど確実に知っておきたいCSSやhtmlの新機能

Date : 2016.10.18

効率よくレイアウトを作成できるように、あまり聞き慣れないけど、今後増えていくであろうプロパティや単位、仕様策定中の新しいプロパティなどについて非常に参考になる記事がチョイスされています。

聞き慣れないけど確実に知っておきたいCSSやhtmlの新機能
open in a new window

今どんなプロダクトが話題になっているのかを知る事が出来るソーシャルニュースサイト「Product Hunt」がいい感じ!

Category : その他

Date : 2016.10.18

別にブログなどで発信する人以外でも、情報通って意外とある程度の評価を得やすい物ですよね。こんなツールあるよとか、あんなプロダクト出たらしいよとか、こんなWEBサービスあったんだよとか、情報量とは誰かの問題を解決する手段にも、娯楽にも様変わりするため、どういった分野であっても、ある程度の情報収集能力というのは自身の強みとなる事もあるわけです。そういう場合に便利なサイトが紹介されています。

今どんなプロダクトが話題になっているのかを知る事が出来るソーシャルニュースサイト「Product Hunt」がいい感じ!
open in a new window

インタラクティブなクレジットカード入力フォームを実装するjQueryプラグイン・Card

Date : 2016.10.18

インタラクティブなクレカ情報入力フォームを実装するスクリプトが紹介されています。

インタラクティブなクレジットカード入力フォームを実装するjQueryプラグイン・Card
open in a new window

モバイルフレンドリーテストとは

Date : 2016.10.18

米Googleから、2016年5月より「モバイルフレンドリーかどうか」というランキング要素の効果を高めるアップデートを開始するという発表がありました。この機会にあらためて、モバイルフレンドリーテストで自分のサイトをチェックしてみましょう。

モバイルフレンドリーテストとは
open in a new window

脱ビットマップ!SVG画像について今一度おさらいしてみる

Category : デザイン

Date : 2016.10.18

高解像度ディスプレイが当たり前の存在となり、スクリーンサイズの多様化が進むなかで、SVG画像やウェブフォントを活用するサイトがかなり増えたように感じます。「SVGってよく耳にはするけど実際はどうなんだろう?」と思われる方の為に、今一度SVG画像についておさらいしているページです。

脱ビットマップ!SVG画像について今一度おさらいしてみる
open in a new window

ハマり過ぎ注意!ブラウザでさくっと遊べるキャンペーンサイトまとめ

Category : その他

Date : 2016.10.18

仕事をしているとどうしても集中力が切れてしまう瞬間がありますよね。そうなればリフレッシュするのが一番! と、だいたいコーヒーを買いに行くのですが、それでもなんとなく頭が切り替わらない時がありました。そんな、何か良いリフレッシュ方法が無いかと探している人へ、ブラウザ上で遊べるキャンペーンサイトが紹介されています。

ハマり過ぎ注意!ブラウザでさくっと遊べるキャンペーンサイトまとめ
open in a new window

Webアクセシビリティとは?メリットが多いサイトの「バリアフリー」化

Date : 2016.10.18

年齢や性別、障害の有無にかかわらず全ての人が同じようにWebサイトにアクセスでき、同じ情報を得ることができる。これが「Webアクセシビリティ」です。今回は、Webアクセシビリティによって実現されるサイトのバリアフリー化について紹介されています。

Webアクセシビリティとは?メリットが多いサイトの「バリアフリー」化
open in a new window

これからのCSSレイアウトはFlexboxで決まり!

Date : 2016.10.18

FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです今回はそんなFlexboxの魅力と使いドコロが、デモ付きで紹介されています。

これからのCSSレイアウトはFlexboxで決まり!
open in a new window

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

Category

Page top