Replace alert(), confirm(), prompt() and many plugins with style and elegance.
SweetModal: Examples
Replace alert(), confirm(), prompt() and many plugins with style and elegance.
Trix - 毎日使うからこそ。Basecamp製のWYSIWYGエディタ MOONGIFT
見た目に派手、またはとにかく機能を詰め込んだソフトウェアは一見すると便利そうに見えるでしょう。しかしそれを毎日使い続けるとなると話は別です。むしろシンプルで必要なものだけが揃っている方が安心できるのではないでしょうか。 Trixはそんな観点から作られたWYSIWYGなテキストエディタです。開発したのはBasecamp（前は37 signals）、Ruby on Railsの開発元です。 Trixの使い方 Trixの画面です。ツールバーとテキストボックス、白黒でシンプルなUIとなっています。 普通に文字が書けます（当たり前ですが）。日本語も大丈夫です。 リンクを追加したり、文字を太文字、斜体にするといった装飾もできます。 リスト、引用文なども入力できます。他はundoくらいでしょうか。 TrixはBasecampが開発中の最新版であるバージョン3で使われるWYSIWYGエディタになっています
日付のページネーションUIを作る「Bootstrap Date Paginator」:phpspot開発日誌
Bootstrap Date Paginator - Date Paginator based on Bootstrap Paginator 日付のページネーションUIを作る「Bootstrap Date Paginator」。 単にカレンダーを出すだけではなく、現在の日付から前後８日程度をページャーで表示するUIが実装できます。 クリックが１回で済む分便利そうですが、これまであまり見たことがなかったかも カレンダーからの指定も可能 関連エントリ Bootstrap3用の綺麗な日付ピッカー「Bootstrap 3 Datepicker」 高機能な日付の範囲指定UIが実装できる「jQuery Date Range Picker」 今までにない日付入力UIが作れるjQueryプラグイン「datedropper」
ページスクロールするとページの一番上に移動するリンクを追加できる「oz-scroll-up」:phpspot開発日誌
OsamaElzero/oz-scroll-up GitHub ページスクロールするとページの一番上に移動するリンクを追加できる「oz-scroll-up」 トップ位置に居る時は非表示で、下に移動すると右下にでる次のような物を実装できます。 関連エントリ 綺麗なTOCを自動で作られるjQueryプラグイン「contents」 OS Xのトラックパッドスクロール実装jQueryプラグイン「TrackpadScrollEmulator」 指定要素にボカシ効果を付けられるjQueryプラグイン「blurme」 タッチ端末でもいい感じに使えるスライド作成jQueryプラグイン「ItemSlide.js」 強固なパスワードジェネレーターを実装できるjQueryプラグイン「Strong-Password-Generator」
RateYo!, A jQuery Star Rating Plugin
RateYo! is a tiny and flexible jQuery star rating plugin, it uses SVG to render rating, so no images required. just create a <div/>, throw some styles, initialize and thats it!. Hover to change the rating and Click to set. <-- HTML --> <head> <-- Basic styles of the plugin --> <link rel="stylesheet" href="jquery.rateyo.css"/> </head> <body> <div id="rateYo"></div> <script src="jquery.js"></script>
画像が不要のスターレーティング実装jQuery「RateYo!」:phpspot開発日誌
マウスのホバー位置に応じてclassの付け替えができる「jquery-switchstyler... 次の記事 ≫：とてもリアルなカバーフロー実装「jQuery.Coverflow」
[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip
スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです！ しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Stripの使い方 Stripのデモ デモはChrome, Safari, Firefox, Opera, IEは7+、iOS5+, Android3+でご覧ください。 各画像をクリック・タップすると、拡大画像がスライドして表示されます。 拡大時はそのまま他の画像も表示できるギャラリー機能にも対応しています。 デモ：幅780pxで表示 スライド表示させるのは画像だけでなく、YouTubeやVimeoなど
![[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
Fancybox doesn't work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property 'msie' ]
Fancybox breaks with the new jQuery v1.9.0. It affects both, Fancybox v1.3.4 and below - and - v2.1.3 and below. The errors shown are : v1.3.4 : Timestamp: 15/01/2013 10:03:28 AM Error: TypeError: b.browser is undefined Source File: ...fancybox/jquery.fancybox-1.3.4.pack.js Line: 18 ... other errors Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18 Uncau
![Fancybox doesn't work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property 'msie' ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/98d6f053a97a87156775f60757c60865d0f2c47d/height=288;version=1;width=512/https%3A%2F%2Fcdn.sstatic.net%2FSites%2Fstackoverflow%2FImg%2Fapple-touch-icon%402.png%3Fv%3D73d79a89bded)
Webサイトなど、HTMLファイルをLightBox風に表示するjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
Webサイトなど、HTMLファイルをLightBox風に表示するjQuery 画像をクリックすると大きく表示できるLigthBox系のjqueryは、みなさんお使いのことと思います。 Webサイトなど、HTMLファイルをLightBox風に表示する機会があったので、備忘録的に紹介します。 みなさんも機会があれば、選択肢の一つにいかがでしょうか。 fancyBox 少し古いプラグインになりますが、設定できるオプションも色々あり、画像のポップアップ用に使っても十分役に立つと思います。 画像のグループ化、SWFにも対応していますので、使い勝手は良いですね。 今回は、Webサイト・HTMLファイル用のみの説明となります。 まず、fancyBoxから、右側に「Version 1.3.4 (2010/11/11)」とありますので、クリックしてダウンロードします。 ※バージョン2から商用利用が有料となっ
— Bootbox.js — alert, confirm, prompt, and flexible dialogs for the Bootstrap framework
Bootbox provides three functions, alert(), confirm(), and prompt(), whose aim is to mimic their native JavaScript equivalents. Here's the simplest possible example: bootbox.alert('Hello world!'); Run example <!-- set up the modal to start hidden and fade in and out --> <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <!-- dialog body --> <div class="moda
Bootstrap-modal by jschr
This modal will resize itself to the same dimensions as the container class. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin ipsum ac ante fermentum suscipit. In ac augue non purus accumsan lobortis id sed nibh. Nunc egestas hendrerit ipsum, et porttitor augue volutpat non. Aliquam erat volutpat. Vestibulum scelerisque lobortis pulvinar. Aenean hendrerit risus neque, ege
Sensei Grid - キーボード移動/インライン編集を可能にするテーブルライブラリ MOONGIFT
業務システムを開発していると度々持ち上がってくるのがデータグリッドのリッチ化です。様々なソフトウェアがあり、Excel並にリッチなUIを提供するものもありますが、今回はちょっと変わったライブラリを紹介します。 Sensei Gridが提供するのはリッチなフォーカス移動、そしてその場での編集機能になります。これもまた使いどころの多そうな便利なライブラリです。 Sensei Gridの使い方 例えばグリッドがこのように表示されています。 この時、矢印キーでのセル移動はもちろんのこと、タブキーでの横移動、Ctrl + Enterでの下への移動が行えます。まさにExcel的な操作性です。 エンターキーで編集モードです。ドロップダウンのような選択式の表示もサポートされています。 テキストの編集も可能です。 Sensei Gridはマスタメンテナンスのように一覧表の中からデータを探して編集するというの
[JS]エクセルやスプレッドシートのように美しく機能的な表を作成するスクリプト -ParamQuery grid
HTMLで作成した普通のテーブルでも、Microsoft OfficeのエクセルやGoogleのスプレッドシートのように美しく機能的なテーブルにする軽量のjQueryのプラグインを紹介します。 ParamQuery grid ソート、セルサイズの変更、インライン編集などもできます。 ParamQuery gridの特徴 ParamQuery gridのデモ ParamQuery gridの使い方 ParamQuery gridの特徴 商用利用可のオープンソース。 データのフォーマットはHTML, Array, XML, JSONなど。 ソート、ページング、カラムのリサイズに対応。 デザインはテーマでカスタマイズ可能。 バーチャルスクロール・レンダリング。 セルのインライン編集。 対応ブラウザはIE6/7/8をはじめ、主要な全てのブラウザ。 サーバーサイドのフレームワークはASP.NET,
DewaSultan - Login Slot Gacor Dewa Terpopuler Dijamin Maxwin
DewaSultan - Login Slot Gacor Dewa Terpopuler Dijamin Maxwin DewaSultan menghadirkan Login Dewa Slot Gacor daftar populer Dijamin Maxwin menawarkan jaminan cepat kaya WD MAXWIN di semua permainannya di setiap hari. DewaSultan Login Slot Gacor Dewa Terpopuler Dijamin Maxwin. Rasio Kemenangan TinggiDewaSultan dikenal karena rasio kemenangannya yang tinggi. Dengan algoritma yang adil dan transparan,
グリッドレイアウト採用時に便利なjQueryプラグイン 20 - NxWorld
有名なサイトだとPinterestやBehanceなどで取り入れているような、グリッドレイアウトを簡単に実装できるjQueryプラグインのまとめです。 少し前はポートフォリオのギャラリー部分などのような箇所で主に使われている印象が個人的にあったのですが、最近ではブログの記事一覧やECサイトなどでもよく見かけますし、コーポレートサイトのトップに採用しているサイトなども多く見かけます。 基本的な動きは同じようなものでもサポートブラウザやアニメーションの有無などがプラグインによって違うので、自分の中で幾つか使いやすいものを見つけておくと良いと思います。 一応グリッドレイアウトを実装するためのプラグインということでまとめていますが、中にはフィルタリング・ソート・ドラッグ&ドロップなどの機能も併せて実装できるプラグインもあります。 また、基本的にフリーで使用できるもの中心でまとめていますが、商用利用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロートラベルを実装できるjQueryプラグイン「FlowupLabels.js」:phpspot開発日誌
http://sabel.bluegfx.de/2013/03/22/patch-fur-fancybox-1-3-4-fur-jquery-1-9-support/
GitHub - mindmup/editable-table: tiny jQuery/Bootstrap widget that makes a HTML table editable
[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月
Event move & resize in jQuery Scheduler Widget Demo | Kendo UI for jQuery