タグ

uiとlibraryに関するakishin999のブックマーク (5)

  • 長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプル:phpspot開発日誌

    長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプルが公開されています。 長々としたフォームは利用者が入力を躊躇してしまいますが、ウィザードにすることでその抵抗を軽減できますね。 この変換を自動で行えるjQueryのサンプルが公開されています。 図1:長いフォーム スクリプトを実行すると次のようにウィザード形式に変換できます。 図2:ウィザード形式(Step1〜Step3) チュートリアル記事になっているので、見ながら簡単に実装できます。 フォームを作成する時は、参考にしてみてもよいでしょう。 次のエントリにて具体的手法が見れます。 Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)

  • まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌

    まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、ブログで紹介していない(したものも一部あるかもしれませんが)ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなWYSIWYGエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなUIのWYSIWYGエディター。jQueryプラグイン SPAW Editor UIが美しいタブ付きWYSIWYGエディタ →デモページ TTW HT

  • Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌

    Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ&ドロ

  • よみがえる | ZEROFACES

    概要 よみがえるはウェブサイトのフォームの内容を保存、復元するツールです。 製作の動機 お問い合わせ等のフォームに入力した内容を誤って消してしまい、また一から入力し直している時のあの残念な感じを撲滅しよう! 仕様 保存したフォームの内容があれば復元してから保存を開始します 5秒ごとに、前回保存した内容と異なれば保存します 5分に一度は必ず保存します 保存したフォームの内容はページを離れて10分間保存します 課題 5秒ごとの保存のため完全な保存、復元ができていない 強制的に復元するためUIで復元するか問うべきか? ダウンロード よみがえる(yomigaeru.zip) ファイル構成 WWWサーバで公開するファイル yomigaeru.js 各種ライブラリと体を読み込むためのブートストラップ yomigaeru_main.js よみがえる体 prototype.js クロスブラウザ対応用

  • ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」:phpspot開発日誌

    リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ... 次の記事 ≫:PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」 jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。 画像で実装したスクロールバーをブロック要素に付けた例 右側にプレーンな分かりやすいスクロールバーを付けてみた例 実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。 scroller  = new jsScroller(docum

  • 1