UIのデザイン例がたくさん載ってる「UXPORN」

Pocket

UIを考えるときのインスピレーションの一助になるかも知れません。UIのデザイン例がたくさん載っているサイトに、UXPORNというサイトがあります。

Continue reading…

Bourbonを利用したUIデザインのパターン集「Refills」

Pocket

BourbonというSass mixinのライブラリがありますが、Bourbonを利用したUIデザインのパターン集がRefillsとして公式に公開されています。

Continue reading…

ロゴもレスポンシブになる時代なのね

Pocket

確かにロゴって、あんまり大きさの融通が利かない割に、ブランディング的に常時表示させていなければならないケースがある。「こんな感じに表示サイズに応じてレスポンシブなロゴを作りましょうよー」と言うときに、Responsive Logosは便利かも。

Continue reading…

Webサービスにおける通知のデザイン

Pocket

通知のデザイン、あんまり目立ちすぎてもうざいし、目立たないと通知の意味がないし、その辺の塩梅が難しいですよね。Notification Styles Inspirationは通知のデザインについてインスピレーションをあたえてくれます。

Continue reading…

テキストエリアには極力、文字数制限をつけてはいけない

Pocket

常々思っていることなのですが、テキストエリアには極力、文字数制限をつけてはいけないと思うのです。

Continue reading…

GoogleのMaterial Designはとてもプログラマー得なデザインガイド

Pocket

Googleからスマートフォン(Android)やWebでのデザイン指針を示したMaterial Designというガイドが出ましたね。

僕も早速見てみましたが、とてもプログラマー得なデザインガイドになっていると思います。

Continue reading…

マウスオーバーしたときのエフェクト集「Hover Effect Ideas」

Pocket

画像をマウスオーバーしたとき、「ふわっ」とした感じに画像を少し透過させたりなんてことをよくやると思うのですが、もう少しイマドキでカッコいい感じのエフェクトを集めたものがHover Effect Ideasになります。

Continue reading…

Githubで使われているアイコン「Octicons」がオープンソースになったようです

Pocket

Githubで使われているエンジニアが好きそうなアイコン「Octicons」がオープンソースになったので自由に使えるようです。

Continue reading…

スクロールするとヘッダがシュッと消えるアレを実現するJS「Headroom.js」

Pocket

下の方にスクロールすると、上部のバーがシュッと消えるアレ、ありますよね。アレ。そういうのはHeadroom.jsで簡単に実装できるようです。

Continue reading…

クレジットカードの入力画面が超ユーザーフレンドリーになるJS「Card」

Pocket

iOSがフラットデザインになったのを契機に猫も杓子もフラットデザインな今日この頃ですが、一般的にはそれ以前のスキューモーフィックデザインの方がユーザーフレンドリーなようです。やっぱり現実と同じ見た目がコンピューター上でも展開されると、「これと同じ使い方で良いんだ!」と安心できますからね。

Continue reading…