水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」:phpspot開発日誌
Industrial.js 水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」 グラフ描画ライブラリは色々ありますが、こういうのは珍しいかもしれません。産業用のWEBシステム以外にもダッシュボード等で色々と使えるかもしれませんね。 どういう仕事がはいってくるかもしれない、というWEB製作者の方は覚えておいてもよいかも 関連エントリ どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 テーブルをグラフに変換してくれるjQueryプラグイン 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」
Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular, and Vue
JavaScript data grid with spreadsheet UI A front-end component that combines data grid features with spreadsheet UX/UI. Professional support included. Works with React, Angular, Vue, and plain JavaScriptGet Started What's new in v14.4.0 of June 11, 2024 → All spreadsheet featuresWhen you work with Handsontable, it's like you're working with Excel or Google Sheets. There's no steep learning curve –
jqGrid Demos
jqGrid 4.0 New search module, Tree Grid and SubGrid improvements, new colModel cellattr event and much more... Enjoy Please, support the jqGrid project by clicking on our sponsors ad!
jQueryでリッチなグリッドを実装「jqGrid」:phpspot開発日誌
JGari.com A magical AJAX-enabled JQuery grid worth looking into jQueryでリッチなグリッドを実装「jqGrid」。 jQueryを使って次のようなグリッドを作れるコンポーネントの紹介がされてました。 グリッドを次のように階層化したり、データの検索機能がついていたりと、なかなか高機能みたいです。 グリッドは多数ありますが、これも便利そう。 jQueryベースということで、jQueryユーザにはやさしいですね。 関連エントリ 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」 データグリッド実現用JavaScriptライブラリ各種 リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」
jQuery Grid
ParamQuery grid is the fastest jQuery grid plugin with enterprise features like row grouping, pivot, treegrid, column grouping, nesting, batch editing, export to multiple formats, selections, full keyboard navigation in addition to the basic features like sorting, filtering, paging, inline editing, validations, etc. It can also be used as plain javascript grid or with contemporary frameworks like
JavaScript(jQuery)で指定した要素だけを印刷する - Fight the Future
Ask Ben: Print Part Of A Web Page With jQueryを参考にしました。 上記サイトで公開されてるコード。 //Create a jquery plugin that prints the given element. jQuery.fn.print = function(){ // NOTE: We are trimming the jQuery collection down to the // first element in the collection. if (this.size() > 1){ this.eq( 0 ).print(); return; } else if (!this.size()){ return; } // ASSERT: At this point, we know that the current jQuery /
[JS]jQueryのプラグイン33+1選 -2012年10・11月
equalize.js 高さや幅が不揃いのDOM要素を同じ高さ・幅にします。 height, width, outer-, inner- に対応
jqPlotで簡単でリッチなグラフを作成 - Taste of Tech Topics
こんにちは、fujiiです。 今回は、jqPlotというJavaScriptのライブラリを紹介したいと思います。 jqPlotとは? jqPlotとは、JavaScript上で線グラフや円グラフ、棒グラフといった 様々なグラフをcanvasを利用して描くためのライブラリです。 系列の表示の有無や色の変更といった基本的な操作から、 ズームやハイライトといったオプションも提供しているため、 リッチなUIでグラフを表現できることができます。 IE7、IE8、Firefox、Safari、Operaと幅広いブラウザをサポートしているので、 利用環境の制約も少ないです。 準備 まずは、jqPlotのページに行き、ダウンロードしてみましょう。 ヘッダ部のdownloadリンクを選択すると、 sample_jqplot1.zip ダウンロードページに移動します。 ダウンロードしたいバージョンのファイルを
HTML テーブルをナイスに扱う DataTables 〜導入編〜 - A Memorandum
DataTables とは HTML テーブルを操作する jQuery のプラグイン。 本家は以下 datatables.net 簡単な例 Microsoft の CDN でホストされているため、stylesheet と script を以下のように指定。 <head> ・・・ <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> <!-- jQuery --> <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></scri
jQuery Zoom で画像の拡大機能を実装する | バシャログ。
チャットモンチーの新作早く聴きたーい！みなさん、こんにちは nakamura です。 よくウェブカタログ等で画像の拡大表示機能を見掛けますが、とあるプロジェクトで似たような要件を満たす必要がありました。ただし FLASH は NG。ということで JS ベースのものを探していた所、中々シンプルで使いやすいプラグインがあったので今回紹介してみたいと思います。 jQuery Zoom プロジェクトページはこちら。Jack Moore さんって Colorbox とかも作ってる人なんですね～。いつもお世話になってます！ 使い方 とりあえずダウンロードして適当な場所に展開しましょう。ソースコードは Github で公開されているので、以下からどうぞ。 jackmoore/zoom 一緒にくっついてくる demo.html やプロジェクトページを見ればだいたいの使い方は分かると思いますが、最低限必要な
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
jQuery Mobileでフォームを作る | DevelopersIO
はじめに 今回はフォームについてです。 jQuery Mobileでは通常のコントロールの見た目ではなくて、モバイル端末に適した見た目がいくつか用意されています。そのうちのいくつかを使って簡単なフォームを作成してみたいと思います。 基本 フォーム作成は通常のhtmlと同様にformタグで括り、その中にフォームの要素を配置していきます。 通常ラベルとフォーム要素をセットで配置すると思いますが、それらのセットをdivまたはfieldsetなどで括り、data-role=“fieldcontain”を指定します。例えば、名前をテキストインプットで配置するなら次の様になります。 <form action="" method="post"> <div data-role="fieldcontain"> <label for="name">名前</label> <input type="text" i
iPhone AppのPathみたいなナビゲーションを実装できる Swpnav.js :: 5509
PathみたいなナビゲーションをWebページに実装するライブラリです。同じようなのは他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなイベントキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@が作った flipsnap.jsとは共存できます。レイヤー毎にスワイプ判定をしてるので、上位レイヤーで一度キャンセルすると Swpnav が実行されてる下位レイヤーにはイベントが飛ばなくなるような感じで、この Swpnav とか flipsnap のような作り方をしているライブラリとは共存できると思います。 サンプル（Webkitのみ ホスト githubにあります 5509/Swpnav – GitHub 使い方 ソースコードをダウンロードして、任意の場所に swpnav.js を置き、
HTML5のmenu要素にも対応した、独自の右クリックメニューを実装するjQueryプラグイン・jQuery contextMenu - かちびと.net
HTML5のmenu要素もサポートしている オリジナルのコンテキストメニュー を実装するjQueryプラグインです。 普通のサイトじゃ使わないでしょう けど、最近ではHTML5製のリッチコン テンツ等利用するシーンもあるかも なのでメモがてら。 基本的に通常のWebサイトでコンテキストメニューを変えてしまうのはユーザビリティを大きく損ないますが、HTML5によるペイントツールやゲームなど幅広いコンテンツの実装が可能になってきましたのでこういったライブラリも用途が出来始めた気がします。 右クリックメニューを独自のものに変えます。それだけならちょっとアレなんですが、このプラグインは左クリックメニューにも出来るので一応覚えておいてもいいんじゃないかなと。他にもmenu要素にも対応してたり、アイコンを付けたりなどいろいろ応用が利くみたい。 右クリックでフォームが出る・・なんてのも作れる。実際あった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Ajaxアップ＆ドロップでアップできるアップローダーデモ＆サンプル:phpspot開発日誌
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
IDEA * IDEA
オシャレエロサイトをリリースして、10万PV/日を捌くためにやったこと - 彼女からは、おいちゃんと呼ばれています
