Category Archives: UIデザイン

Nest_01

レスポンシブな、スマートフォンサイトでのフォームデザイン

スマートフォンサイトのデザイン時には、UIにも色々と気を使うことが多いかと思います。 各サイトでは、コンタクトフォームや注文フォームなど、フォームというUIは欠かせないものになっていますね。 レスポンシブ対応サイトで、フ…

clean-slider

美しいスライダーUIの参考まとめ

スライダーUIの美しい参考素材のご紹介。 PSDデータがダウンロードできるので、デザイン制作の参考に是非見てみてはいかがでしょうか。

UI

テキストサイズ切り替え機能をプラグインで気軽に実装しよう

最近行った実装で、テキストサイズの切り替えのご要望がありました。 読み込むCSSを変えるか、JSで制御するか、色々考えましたが、 あっさりステキなプラグインを発見したので活用させていただくことにしました。 たぶんレシピ的…

iphoneBackButtonTop

iPhone風戻るボタンをサクっと作るよ

iPhone風戻るボタン。 あれ、もちろんHTMLとCSSでも作れます。 今日は初めてお土産付きの記事をあげてみましょうかね。ドンドンパフパフ。

http

【jQuery不要】FloatしたDivの高さをあわせるスクリプト

突然ですが。 もうFloatしたDivをいかにうまくレイアウトするか… デザイン制約がありすぎて、僕、もう疲れたよ…パトラッシュ… というくらいには、Floatしたカラムの高さをそろえるのが嫌いなマツモトです。 今回はち…

Trabelison01

ピクトグラムとカラーリングの秀逸なUI【TravelIsOn.com】

ピクトグラム。 人間の偉大な発明はいくつかありますが、ピクトグラムもその中に入れても良いと思うくらい、 もっとも効率の良いグラフィックですよね。 このピクトグラムと、カラーリングでのカテゴリ分けの上手なサイトの紹介です。