selectボックスを置換えてオシャレかつ使いやすくできるjQueryプラグイン「Selectable」:phpspot開発日誌
jQuery Selectable - elohr selectボックスを置換えてオシャレかつ使いやすくできるjQueryプラグイン「Selectable」 selectというとその場で開閉するデザインですが、次のようなデザインの選択用のウィジェットに置き換え可能。 項目を検索できたり、項目がウィジェット内にならんでおり、便利に使えます 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flexselect」 BootstrapのselectボックスをよりリッチにするjQueryプラグイン「bselect」 selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」
Webix: JavaScript UI Library; HTML5 JS framework, 102 UI Web Widgets
JavaScript Desktop serves as remote desktop in a familiar format for Webix and non-Webix widgets and apps that are used daily. 7 high-contrast available skins fully customizable taskbar smart configuration of app shortcuts minimize, expand, stretch, close apps' windows Learn more To Do List is a tool for managing projects and resources, assigning tasks, and keeping track of their implementation. q
Slide And Push Menus With CSS3 Transitions - Call Me Nick
Tutorials, Snippets, Resources, and Articles for Web Design and Web Development Get Source View Demo Getting Started In this tutorial, we’re going to create some slide and push menus using CSS3 transitions. The menus will be hidden off the screen at first, and will transition into view when the “toggle menu” button is pressed. Let’s first define the difference in the two types of menus: A slide me
Colorpicker and Datepicker for Twitter Bootstrap - Stefan Petre
Add color picker to field or to any other element. can be used as a component alpha picker multiple formats: hex, rgb, rgba, hsl, hsla Download & docs Add datepicker picker to field or to any other element. can be used as a component formats: dd, d, mm, m, yyyy, yy separators: -, /, . Download & docs eyecon.ro is using cookies to personalise content and ads, to provide social media features and to
スマホ、PCで使えるサイドバー実装ライブラリ「Slidebars」:phpspot開発日誌
Slidebars スマホ、PCで使えるサイドバー実装ライブラリ「Slidebars」 スマホアプリでよく見られるメニューをスマホ、PCのWEBで使えるようにしたライブラリ。 左右に開かせられるのが特徴。フリックによってオープンすることは出来ませんが、まだブラウザベースの場合は挙動が安定しないのでこれはこれでよいかも。 iOS端末、PCにおいてはほぼ完璧に動作しますが、Android4系の端末ではメニュースクロールでメインコンテンツもスクロールするなど、注意が必要のようでした。 関連エントリ PCサイトでもスマホサイトのようにサイドバーを実装するデモ 複数階層のサイドメニューを実装するデモ＆サンプル iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」
見るだけでUIの勉強になるUIのアニメーションをまとめた「User Interface library」:phpspot開発日誌
User Interface library 見るだけでUIの勉強になるUIのアニメーションをまとめた「User Interface library」 サンプルコードではありませんが、UIの挙動がGIFアニメーションで大量に掲載されていて、UIの研究に使えそう 関連エントリ フラットで超カッコいいUIライブラリ「Semantic UI」 FlatなUIが美しいJSレスなUIライブラリ「TopCoat」 Bootstrap3のUIをベクター形式でダウンロードできる「Bootstrap 3 UI Kit」 机上にポラロイド写真が散らばったようなUIのデモ BootstrapベースのフラットUI実装フレームワーク「Furatto」 Yahooが作ったピュアCSSのUIライブラリ「Pure」
Webアプリケーションを作るのに便利そうなコンポーネント群·UIKit MOONGIFT
UIKitはWebアプリケーション向けのダイアログ、カラーピッカーといったコンポーネント群を提供するライブラリです。 最近、TwitterのBootstrapが人気ですが、同じようにWebアプリケーションをデザインする際に使えそうなコンポーネント群がUIKitです。 まずダイアログ系のコンポーネントです。 閉じるボタン付き。 グレーアウトしたダイアログ。 HTML埋め込みもできます。 カラーピッカーコンポーネント。 確認ダイアログ。 通知（右上）。自動的に消える設定もできます。 コンテクスト（右クリック）メニュー。 主なコンポーネントとしては、ダイアログ、確認ダイアログ、カラーピッカー、クリックで回転するカード、通知、メニュー、ボタン式のドロップダウンとなっています。デザインがすっきりとしているので今風のWebアプリケーションに似合いそうです。 UIKitはHTML5/JavaScript
アプリインターフェイスに活用したい on/off スイッチデザイン集「20 Elegant User Interface Switch Designs」
TOP > Design > アプリインターフェイスに活用したい on/off スイッチデザイン集「20 Elegant User Interface Switch Designs」 日々進化するスマートフォン・タブレット等のアプリケーション。時代が移り変わると共に、デザイン性もどんどんと変化しつつあり、流行を取り入れたインターフェイス設計が非常に重要視されます。今回はそんなシーンに活用したい、on/off スイッチデザイン集「20 Elegant User Interface Switch Designs」です。 （Dribbble – Drill: On by Mohanad Yajouri） リアルなスイッチが多数まとめられており、デザインのクオリティを高めることができそうです。気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Drib
UIデザインの参考になる高品質UIエレメント集:phpspot開発日誌
12 Creative Web UI Elements to Enhance Your Web Design | Sky Tech Geek UIデザインの参考になる高品質UIエレメント集がまとまっていて、PSDなどで入手可能です。 UIデザインはすでにあるデモなんかを利用してもいいんですが、ある程度の知識がないとカスタマイズで時間を取られてしまいますね。 PSDなどからパーツを自分で起こせるようにしておくとどんなUIでも実装の際に対応できそうです。 関連エントリ クールなUIパーツを収録したUI作成用PSDキット「Transparent Glass UI」 GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ
もうユーザーを迷わせない！ナビゲーションメニュー設置のコツ
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
iPhone/Androidをデザインする時に参考にする海外ギャラリーサイト
twitter facebook hatena google pocket 最近アプリやスマートフォン最適化サイトを作ることも多くなっているかと思います。 海外のサイトを参考にすることで、国内ではとがった感じ、また海外向けサービス展開にも活かすことができるのではないでしょうか。 sponsors Web Design & CSS Inspiration for the Mobile Web - CSS iPhone URL：Web Design & CSS Inspiration for the Mobile Web - CSS iPhone iPad and iPhone Design Inspirations Gallery iPadも含めiOSのデザイン URL：iPad and iPhone Design Inspirations Gallery Mobile Web Design
プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」:phpspot開発日誌
プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」 2011年07月13日- Extended Progress Bar プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」。 プログレスバーは処理中に表示することでユーザのストレスを軽減することが出来ますがそんなプログレスバーを実装する際に、自分のサイトにマッチしたものを手軽に作りたいというニーズがあるのではないでしょうか。そんな場合に使えるプログレスバー実装のためのjQueryプラグインです。 次のような豊富なカスタマイズオプションが用意されています ・色のカスタマイズ ・値の最小値、最大値のカスタマイズ ・クリティカル値の設定 ・バーの色設定 ・バーの進行方向 ・バーのラベル表示位置 ・多数のイベントハンドラ プログレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hover Effect Ideas | Set 1
Loading...
Color Palette for Bootstrap by extremeFE
GitHub - tkrotoff/jquery-simplecolorpicker: Very simple jQuery color picker
IDEA * IDEA
http://nanobar.micronube.com/
http://zoomzum.com/15-useful-jquery-tab-based-interfaces/
新着記事
