スポンサード リンク

Webデザイン関連のエントリ (2015年)

複雑な検索式等を入力する際に最適なUIを提供できる「structured-filte...
名前が〜で、電話番号が○○、という検索式を入れたい場合に、沢山の入...(続きを読む)
input[type=file]をいい感じにスタイリングするチュートリアル
input[type=file]をいい感じにスタイリングするチュートリアル次のようなフラ...(続きを読む)
CSS3等をフルに活用してボタンのホバー時のエフェクトをこれでも...
。単に数を集めただけではなく、それぞれの質も高く、流行りのデザイン...(続きを読む)
CSSでアニメーションを交えながらコンテンツをカッコよくフィルタ...
。複数あるコンテンツを単に絞り込んで表示するのではなくてアニメーシ...(続きを読む)
selectタグの機能を大幅に向上させる「selectivity」
。機能だけでなくデザインもモダンにしてくれます文字でフィルター可能...(続きを読む)
Photoshopで生成したグラフィックをCSS3に変換できるPhotoshopプラグイ...
。画像での出力ではなくてCSS3にするところが面白くて使い方によってはWEB...(続きを読む)
SVG、Canvasを使った次世代のテキストホバーエフェクト集
。ホバーでテキストにきりこみを入れたり、バックグラウンドアニメーシ...(続きを読む)
3Dのクールな線形アニメーションをブロックの背景にするjs
。最近この手の物が増えていますが、こちらもカッコイイ。知っておいて...(続きを読む)
CSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成...
階層的なメニューにも対応しており、なかなか高品質なサイドバーが実装...(続きを読む)
jQueryとCSSで水平のタイムラインの実装デモ
タイムラインというとFacebookの縦のタイムラインが印象的ですが、水平方...(続きを読む)
ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」
バー表示に必要なAPIはそろっていて、シンプルですが便利に使えそうです...(続きを読む)
1ページのフリーでモダンなWEBデザインPSD20個まとめ
。1ページデザインの参考にもなりますし素材としても使えそうです。アプ...(続きを読む)
画面要素のカラーリングをドラッグ&ドロップで行うコンセプトUI
。画面左サイドに表示されているカラーをドラッグし、色を変更したい要...(続きを読む)
HTMLコンテンツ全体のWYSIWYG編集を可能にするツール「ContentTools」
。ページ上の左上のペンのアイコンを押すとページ全体が編集可能となり...(続きを読む)
レスポンシブで全画面やズーム表示に対応したLightBox実装「Chocolat...
Lightboxは色々ありますが、ユニークなLightBoxクローンの1つで、全画面やズ...(続きを読む)
Windows風タイル型のモダンなインタフェースを実現できるBootstrapプ...
次のようなタイルを並べてタッチ端末などで使いやすいUIを実現できます...(続きを読む)
トランポリン風に画像を切り替えるエフェクト実装デモ
。ブラウザ画面の四隅がトランポリン面になってバウンドするようなエフ...(続きを読む)
Bootstrapのポップアップ機能を拡張できる「ggpopover.js」
上下左右のポジション変更と自由なカラーリングが出来るようになってい...(続きを読む)
BootstrapのDropdownメニューをよりリッチにすることができる「Bootstrap-...
通常のドロップダウンを次のように検索ボックスを入れたり、アイコン付...(続きを読む)
BootstrapなサイトでPopupでconfirmを行える「PopConfirm」
。次のようにボタンをおすとY/Nが選べる確認がポップアップででます。ポ...(続きを読む)
 1 2 3 » / 42件
記事をジャンルで探す

not enough data