jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT
Webベースでリッチなドキュメントを作成できるソフトウェアと言えば、FCKEditorやWYMeditorなどが一般的だ。これらは非常に便利なソフトウェアではあるが、既に出来上がった感のあるソフトウェアであり、修正しようとも思えないほど多機能だ。逆に多機能すぎて動作が重たいという欠点がある。 jQueryベースのWYSIWYGエディタ 必要なものだけを簡単にピックアップできる、さらに自分なりにカスタマイズすることも考えたい方のためにjwysiwygを紹介しよう。 今回紹介するオープンソース・ソフトウェアはjWYSIWYG、jQueryプラグインとして提供されるWYSIWYGエディタだ。 jWYSIWYGはWYMeditorを模して作られているWYSIWYGエディタだ。jQueryをベースとして作られており、18KBと軽量な作りになっている（圧縮版は7KBだ）。必要な画像やCSSを合わせても
時間とタグを使ったグラフ生成アプリケーション·TimeCloud MOONGIFT
データのビジュアル化は重要だ。単なる文字の羅列では見えてこなかった情報が浮かび上がってきて、そこから新しい事実が分かってくる。それは時間による変化かも知れないし、日々の積み重ねの中から見える突出したデータかも知れない。 タグデータと日付の関係をうまくビジュアル化 例えばGoogleが提供するファイナンスサイトのGoogle Financeではグラフとニュースを並列化することで、効果的に出来事の流れを表している。同様の仕組みを提供するのがこのTimeCloudだ。 TimeCloudはjQueryを使ったオープンソース・ソフトウェアで、グラフとタグをビジュアル化してくれるプラグインだ。 全部で三段に分かれてデータが表示される。一番上は全体のグラフだ。そのグラフはマウスで範囲を指定することができ、真ん中の段にはその選択範囲のグラフを詳細化して表示してくれる。そして一番下の段にはその間におけるタ
まるで画像のような文字を動的に作るjQueryプラグイン·jQuery sIFR Plugin MOONGIFT
これは素敵なライブラリ。プログラマ（というのは言い訳に過ぎないが）はデザインが苦手だ。そのため、インパクトのあるロゴをデザインしようと思ってもなかなかうまくいかない。 上のフォントがどうなるかは詳細にて！ これはもう諦めた方が良い。だが単なる文字で書かれているだけではインパクトが薄い、使うのはjQuery sIFR Pluginだ。 jQuery sIFR PluginはjQueryプラグインとして動作するオープンソース・ソフトウェアで、文字を素敵なフォントで表示してくれるソフトウェアだ。 jQuery sIFR PluginはFlashを使い、動的に指定した文字を指定したフォントで描いてくれる。CSSで指定するのとは違い、JavaScriptが動作し、Flashが動いている環境であれば誰でも同じ結果を得ることができる。 このように表示させることが可能！ さらに動的に生成されるということも
Drawter.com - DrawAble Markup Language
Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is
How to check if an element exists | jQuery HowTo's
A common question comes up very frequently - "how do I know if XXX exists". The XXX could be a particular DIV with a class, or it might be an ID. The issue is common enough that it has been listed in the jQuery FAQs (http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_test_whether_...). Some people attempt to just check the jQuery object for the specified selector: //This will not work if
jQuery 関連記事まとめ - Cyokodog::Diary
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
Getting Started With jQuery QUnit for Client-Side Javascript Testing · Los Techies
Getting Started With jQuery QUnit for Client-Side Javascript Testing 29 August, 2008. It was a Friday. Setup First of all, I’m assuming you’re already using jQuery. If not, you should be 🙂 QUnit may help you for non-jQuery testing, but it’ll work better with jQuery. Second, you should start by downloading and setting up QUnit (from this link). QUnit consists of a single JS file (testrunner.js) a
$(document).ready();について - monjudoh’s diary
jQuery使用時に以下の書き方をすると、どれを使ってもDOM構築後のタイミングで実行したい処理を実行できる。 $(document).ready(function(){ /*実行したい処理*/ }); $().ready(function(){ /*実行したい処理*/ }); $(function(){ /*実行したい処理*/ }); 以下のように複数回実行した場合は$(function(){/**/});を実行した順に、 中の関数が実行されるので以下の場合は、DOM構築後にconsoleに改行を挟んで1,2,3と順番に出る。 $(function(){ console.info(1); }); $(function(){ console.info(2); }); $(function(){ console.info(3); }); 自信がないので、一応、コードの該当箇所を確認 jQue
ｊQuery メモ帳
どうも2010 。 最近、 エロいコメントを残す人がいるので、コメントを確認した上で、表示するように変更します。 管理が行き届かず、ごめんなさい。 おめでとうと、浮かれた言葉を発するのが後ろめたい正月の世相ですが、 年が改まりましたので、皆様も気持ちに一区切りつけていることと思います。 皆様のよりよき一年を祈念します。 1.2.3 enchantのでもファイルにアクセスできなくて、何も表示していませんでしたが、1.5が公開されているので、差し替えました。 1.5 UI サンプル帖 サンプル帖のjQueryのページ長期間にわたって、ソースしか表示できないようになっていました。 ごめんなさい。 そちらに、理由も書いておきました。 CVSが欲しかったので、ソースフォージというところをたずねたら、新しいプロジェクト作るなら、ライセンスのことをしっかり考えなさい。ってことで、リンクが48もずらずら並
MOONGIFT: » インラインで表示される小さなグラフ「jQuery Sparklines」:オープンソースを毎日紹介
※ 画像は公式サイトデモより Sparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。 右側に並ぶのがSparkline 使い方にもよるが、通常のグラフとはまた違うインパクトでデータを表示することができて便利なグラフだ。そんなSparklineを作成するのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはjQuery Sparklines、Sparklineを作成するjQueryプラグインだ。 jQuery Sparklinesでは一般的な折れ線グラフの他、棒グラフ、円グラフ、組み合わせたグラフなどがさくせいできる。ごく小さなグラフだけに表示の分かりやすさ、シンプルさにこだわりが見られる。 右下のグラフの数値を変更
anything from hereイベント
02 | 2024/03 | 04 S M T W T F S - - - - - 1 23 4 5 6 7 8 910 11 12 13 14 15 1617 18 19 20 21 22 2324 25 26 27 28 29 3031 - - - - - -
[JS]キーボードのイベントを取得できるスクリプト -jQuery Hotkeys Plugin
jQuery Hotkeys Pluginは、単独のキーからキーを組み合わせたものまで、キーボードのイベント取得ができるスクリプトです。
Cheat Sheets for Front-end Web Developers
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Cheat sheets are helpful to have aroun
jQuery UI Dialogの導入法と使い方のさわり(jQuery UI 1.5.2) - monjudoh’s diary
jQuery UI Dialogって何？ http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.dialogにあるデモを見ると感じがつかめると思うけど、 ウィンドウっぽいダイアログをちょいちょいで作れちゃうし、 オーバーレイありのも作れちゃうjQuery plugin。 使うのに何が必要か？それと、入手法 jQuery1.2.6以降 本当は1.2.4以降だけど1.2.4、1.2.5はダメポなビルドなので1.2.6を使う Download Builder | jQuery UIでjQuery UI 1.5.2のzipを落としてくると同梱されている Download jQuery | jQueryでバラでダウンロードできる Minified版がお勧め 追記(2008-08-10)：Google AJAX Libraries APIも使
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ10社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
JavaScriptでcookieを操作する時はjquery.cookie.jsを使おう - monjudoh’s diary
↓でtxtファイルとしてダウンロードできる。 http://plugins.jquery.com/project/cookie 使い方はデモを触ってみてソース見るとか、 jquery.cookie.jsのソースのコメントの@exampleを見るとかすればいいと思うけど簡単に説明しておくと、 基本的には$.cookie(クッキー名);で値の取得、$.cookie(クッキー名,値);で値の設定が出来て、 第3引数でoptionがいろいろ指定できる。 $.cookie(クッキー名,値,{ expires: 日数, path: '/', domain: ドメイン});とか。 expiresをDateオブジェクトだけじゃなくて日数の数値としても指定できる(というか基本的にこっちを使うはず)。 jQuery pluginだけど$.関数名で使う関数であり、 依存しているjQueryの機能がjQuery.
条件付メソッドチェーンを実現するjQuery pluginを作ってみた - monjudoh’s diary
発端 monjudoh jQueryで出来たらいいなーと思うことは条件付メソッドチェーンで、メソッドチェーン内の特定のメソッド呼び出しを特定条件を満たした場合のみ実際に実行するように出来たら、常にメソッドチェーンでやれて便利だと思う。 monjudoh 条件判定メソッドをjQuery.fnに追加してやって、そいつがpluginのルールを破ってjQueryオブジェクトのラッパーを返して…みたいな形でやれば出来そうな気がする。 実際のコード (function($){ $.extend( $.fn ,{ 'ifNext':function(cond){ if(cond)return this; var self = this; var jqWrapper = {}; var returnSelf = function(){return self;}; for(var i in $.fn){ i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HisasAnn.com is for sale | HugeDomains
