タグ

jQueryに関するryuzi_kambeのブックマーク (39)

  • gameQueryでソーシャルゲーム開発が簡単になるかも! ( ラボブログ ) - ryuzi_kambe の?D

    OpenSocial, mixiアプリhttp://blog.spicebox.jp/labs/2010/03/gamequery.html私個人の経験としては、OpenSocialアプリの開発に行き詰まっていたところで、opensocial-jquery - Project Hosting on Google Code に出会いかなりアプリ開発の見通しがよくなりました。そんなわけでjQueryをカスタムしたりアドオンしたりするタイプのライブラリにはかなり良い体験をしたわけですが、ここにきてまたソーシャルアプリ開発に役立てそうなライブラリを発見。gameQueryというjQueryベースのゲームエンジンです。 gameQuery - a javascript game engine with jQuery デモはこちら:gameQuery - a javascript game engin

  • Nakajiman Software Blog: opensocial-jquery は jQuery プラグインと組み合わせて使えます。

    2009-04-23 opensocial-jquery は jQuery プラグインと組み合わせて使えます。 こんばんは。なかじまんです。 opensocial-jquery は OpenSocial ガジェット向けに jQuery 体に手を入れていますが、jQuery.ajax の Deferred 対応 を除いては、jQuery 自体の機能やインタフェースの互換性を保っています。 ですので、jQuery で WEB アプリケーションを作るとの同じ方法で、OpenSocial ガジェットを作ることができます。また、jQuery で作った WEB アプリケーションがあれば、最低限の労力で OpenSocial ガジェットに転換できます。 1つガジェットの例を紹介します。次のガジェットは opensocial-jquery と jQuery Cycle Plugin を組み合わせて、自分

  • フレッシュで便利なjQueryプラグイン5 – creamu

    aext.netで、フレッシュで便利なjQueryプラグインが紹介されています。 ざっとご紹介しますね。 jQSlickWrap floatした画像の周りにテキストを配置させるプラグイン jQuery Slider plugin (Safari style) Safariスタイルのかっこいいスライダーを作ることができるプラグイン jQuery Shuffle Plugin 要素の順番を入れ替え(シャッフル)てくれる Flips スライドするボックスを作成。スピード等のカスタマイズが可能 JQuery Sprite Animation Plugin Flashのようなアニメーションを作ることができるプラグイン それぞれデモがあるので、一度見てみてください。 5 Fresh and Useful jQuery Plugins Were Born in November 2009 タブを40個く

    ryuzi_kambe
    ryuzi_kambe 2009/11/29
    こういうエントリはそろそろいらないなぁ。たくさんありすぎて収集できないから検索サイトが欲しいかも。
  • jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate

    jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery  デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ

    ryuzi_kambe
    ryuzi_kambe 2009/11/03
    そろそろニーズを把握してもらいたいんだけど、jQueryでサイトをリッチにしたいんじゃないんだ。管理しやすくシステマティックにしたいんだよ。もっとこう構造をブリリアントにするプラグインをまとめてください頼む。
  • Yahoo! UI Library 3で驚きのアニメーションを作成 (1/5)

    YUI 3のアニメーション機能を使ってみよう 9月末にリリースされた「YUIYahoo! UI Library)」の最新版「YUI 3」。前回はYUI 3の基的な使い方と簡単なマウスオーバーのサンプルを作りました。今回はYUI 3のアニメーション機能を使って、Webページに動きを付ける方法を紹介します。

    Yahoo! UI Library 3で驚きのアニメーションを作成 (1/5)
    ryuzi_kambe
    ryuzi_kambe 2009/10/20
    『jQuery があっても Yahoo! UI Library を使う15の理由』 とかってエントリがないかな
  • jQueryでQueryStringをパースして配列で受け取れる便利関数:phpspot開発日誌

    jQueryでQueryStringをパースして配列で受け取れる便利関数が公開されていました。 hogehoge?a=b&c=d&e=f の ? 以降のQueryStringを {"a":"b", "c":"d", "e":"f" } といった配列で簡単に受け取れます。 次のような関数によって実現しています。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = ha

    ryuzi_kambe
    ryuzi_kambe 2009/09/29
    変数で受け取れるこちらの parse_url もおすすめ(PHP の parse_url をエミュレートしている) http://d.hatena.ne.jp/shogo4405/20070722/1185106900
  • ポンクソフト

    コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP(旧コンテンツ) PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ&解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java (旧コンテンツ) Javaでシューティングゲームを作ろう Perl (旧コンテンツ) CGI(Perl)の基掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 (旧コンテンツ)C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと(ブログパーツ) オリジナルソフトウェア その他未分類なモノ iOSアプ

    ryuzi_kambe
    ryuzi_kambe 2009/09/28
    これはすごい わかりやすい
  • JavaScriptライブラリ「jQuery」でカレンダーを作る「FullCalendar」

    twitter facebook hatena google pocket JavaScriptライブラリの「jQuery」を使用してカレンダーを作ります。 via:FullCalendar - Full-sized Calendar jQuery Plugin sponsors 使用方法 FullCalendar - Full-sized Calendar jQuery Pluginからファイル一式をダウンロードします。 <link rel="stylesheet" href="fullcalendar.css" media="all"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="ui.core2.js"></script> <scr

    ryuzi_kambe
    ryuzi_kambe 2009/09/23
    使ってますけどなかなかいいです
  • jQuery によるブラウザ判別でバージョンによる違いを判別する方法 ( ラボブログ )

    スパイスラボ神部です。 以前、jQuery でブラウザ判別をする方法をしらべていたとき、こちらを参考にしていました。 -jQueryで簡単UserAgent判別 - Webtech Walker なぜかというと Google で一番上に来るからなんですけどね。 しかしもう少し調べてみると、どうやらバージョン判別もできるようです。 -jQueryを使ったブラウザ分岐 | A Day in the Life どうやら 1.3 系列では使えないらしい $ browser しかしこの $browser、どうやら 1.3 系列からは使えなくなるようです。 -jQuery.browser - jQuery 1.3.2 日語リファレンス $support を使うように、となるようです。 -jQuery.support - jQuery 1.3.2 日語リファレンス 非推奨になりますが一応$b

    ryuzi_kambe
    ryuzi_kambe 2009/09/15
    jQuery.support での実装例が見たいところだなぁ。
  • jQueryでリアルなホバーエフェクト作成チュートリアル:phpspot開発日誌

    Create a Realistic Hover Effect With jQuery ・Blog and Web Design Portfolio of Adrian Pelletier jQueryでリアルなホバーエフェクト作成チュートリアルが公開。 次のように、ホバー時にリアルにリフレクションしたり、リアルな影がついたりする物体作成チュートリアルになってます。 背景がグラデーションだったり、リフレクションや影が綺麗にアニメーションする部分など、かなりのテクニックを要しているみたいです。 こうしたディテールにもこだわりたい場合に参考にできそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 PHPとjQueryのAjax連携の学習用チュートリアル

    ryuzi_kambe
    ryuzi_kambe 2009/09/15
    そろそろ「jQueryプラグイン 紹介日誌」に改名したらどうかな?/いや別に皮肉とかじゃなくて
  • jQuery にて配置済みのDOM要素をシャッフルする方法 ( ラボブログ )

    スパイスラボ神部です。 ちょっと必要があって、配置済みのDOM要素を並べ替えたかったのですが、どうしてもやりかたがわからず、Twitter でつぶやいてみたところ、めちゃめちゃ参考になる情報をいただきました。 ・要素そのものを並び替える方法 ・CSS で要素の一を変える方法 のどちらかがあるだろうなぁ、とは思っていましたが、奇しくも両方を教えていただきました。教えてくださったお二方、当にありがとうございます! 参考までにまとめてみたいと思います。 要素の配置換えを行う jQuery プラグイン @tamiko 氏に教えていただいた方法。こちらは要素そのものを入れ替える方法ですね。 -jQuery: Shuffle Plugin | Yelotofu サンプルデモはこちら。 -jQuery: Array Shuffle まさにこれ!という感じ。 >jQueryでランダムに要素を再配置

    ryuzi_kambe
    ryuzi_kambe 2009/09/14
    Nully さんのつくってくださったデモがすごすぎる。
  • jQuery: Shuffle Plugin – Yelotofu

    I recently came across a really compact array shuffling function on JSFromHell.com, which I thought would make a nifty jQuery plugin. This jQuery shuffle plugin could be applied to any HTML element or Array object. (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = f

    ryuzi_kambe
    ryuzi_kambe 2009/09/14
    ソートではなくシャッフルしたいとき
  • jQuery でカレンダー ( ラボブログ )

    スパイスラボ神部です。 JavaScript でカレンダーを作ろうと思っていたのですが、またもや jQuery に便利なものがあり驚き。 FullCalendar 今回は FullCalendar というライブラリを選んでみます(検索で上位に出てくるjCalendar はもう存在しないようでした)。 -FullCalendar - Full-sized Calendar jQuery Plugin -FullCalendar -新JavaScript例文辞典 その他のカレンダーライブラリ -JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」

    ryuzi_kambe
    ryuzi_kambe 2009/08/24
    常山さん、WEB開発日記さんいつもありがとうございます。
  • mixi アプリで alert の置換に最適な jQuery プラグイン「jAlert」 ( ラボブログ )

    神部です。 mixi アプリを開発していて、デバッグ期間だけ alert を使っていたけど今更いい代替がみつからない!というときに便利です。 なんとスタイリッシュな Alert&Confirm を体現する jQuery プラグインがあるのです。 -jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) -jQuery Alert Dialogs -alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」:phpspot開発日誌 実際に使ってみました Google Hackathon で作成したファイナルクエスチョン で大いに使わせていただきました。 アプリの方も若干ブラッシュアップしたので、よかったら遊んでみてください。

    ryuzi_kambe
    ryuzi_kambe 2009/08/19
    さいきん jQuery の魅力に取り憑かれております…あれこれすごすぎるし安定してるしで感謝ですねー。
  • はてなブックマーク開発ブログ

    はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2024年2月のトップ50です*1。 順位 タイトル 1位 マンションリフォーム虎の巻 2位 死ぬほど嫌でした|佐藤秀峰 3位 「面倒なことはChatGPTにやらせよう」の全プロンプトを実行した配信のリンクを整理しました|カレーちゃん 4位 管理職必読 順番に読むと理解が深まる「マネジメントの名著」11冊 | 日経BOOKプラス 5位 メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)|アプリマーケティング研究所 6位 7年適当に自炊してきて調味料について思ったことを書く 7位 ウクライナ軍に入隊したアジャイルコーチが、さまざまなメソッドを駆使して中隊長としてのリーダーシップを実現した話(

    はてなブックマーク開発ブログ
    ryuzi_kambe
    ryuzi_kambe 2009/08/11
    負荷とか大丈夫なんですかね/それともこれがホントの「どうぞご利用ください」?
  • jQueryを使って国際化処理を行う·jquery.localize.js MOONGIFT

    多言語に対応したWebサイトを構築する場合、サーバサイドで対応するのが一般的だった。例えばGetTextを使った国際化処理が有名だ。サーバサイドで処理をできるのは手軽な反面、言語ごとにリソースを消費してしまうのが問題だ。 JavaScriptで国際化を行う 結局のところ、国際化とは見た目の話でしかない。であれば見た目を操作するのに向いたJavaScriptで行わせるというのはあながち間違っていないかもしれない。 今回紹介するオープンソース・ソフトウェアはjquery.localize.js、jQueryを使った国際化ライブラリだ。 jquery.localize.jsはrel="localize[hoge]"といった要素で国際化する際のキーを指定する(この場合hogeがキーになる)。そして別途JSONファイルを用意し、hogeに対応した各国語の文字列を指定する。後は読み込み時にjquery

    jQueryを使って国際化処理を行う·jquery.localize.js MOONGIFT
    ryuzi_kambe
    ryuzi_kambe 2009/07/27
    これだと基本英語だけで作って日本語かぶせる、という作り方がよりラクになるかもなぁ。
  • jQueryを少し便利にする5つの関数 - ?D of K

    jQueryはよく使うのだけど、ちょっとだけ不便なときがあったので、それに対応する関数を書いてみた。 クラスを生成する var Class = $.klass({ init: function (a) { this.a = a; }, view: function () { alert(this.a) } }); initがコンストラクタとして機能します。 $.klass=function(a){var b=function(){this.init&&this.init.apply(this,arguments)};b.prototype=a;return b}; CSSルールの追加削除 var index = $.css.add("body{background:red;}"); alert("stop"); $.css.remove(index); あると便利なときがあるので一応。 $

    jQueryを少し便利にする5つの関数 - ?D of K
    ryuzi_kambe
    ryuzi_kambe 2009/07/16
    jQuery のノウハウも宝の山だな~。しかもこっちは昨日のカヤックのヤツと違いちょっと理解出来る。
  • jQuery使いが陥りやすい罠 : tech.kayac.com - KAYAC engineers' blog

    肩こり歴20年のagoです。 社内でもjQueryを使う人間が増えてきたので、jQueryを使う人が陥りやすい罠をいくつかあげてみたいと思います。 (私が過去にはまったり、今はまっている罠です) 1 グローバルの名前空間を使わない jQueryはwindow objectの汚染が少なくほかのライブラリとの共存が行いやすいですが、特定のサイト向けに開発する場合window objectを使用してもそれほど問題は発生しません。 しかしjQueryに慣れるとwindow objectの使用をいかに避けるかを考えるようになり、jQueryと関係ないfunctionや変数まで$.hogehogeに実装しようとしてしまいます。 これはwindow objectの代わりにjQuery objectを汚染しているだけなので、素直にwindow objectを使用したほうが普通に実装しやすいでしょう。 2

    jQuery使いが陥りやすい罠 : tech.kayac.com - KAYAC engineers' blog
    ryuzi_kambe
    ryuzi_kambe 2009/07/15
    まだこれにうんうんとうなずけるほど jQuery に精通出来ていない・・・
  • opensocial-jquery - Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    ryuzi_kambe
    ryuzi_kambe 2009/07/14
    opensocial-jquert のドキュメント(Wiki)ページ。
  • OpenSocialアプリ:minimessage に関する情報 ( ラボブログ )

    スパイスラボ神部です。 OpenSocial アプリを作る際、Gadget XML の Feature のひとつに miniMessage というのがあります。 -gadgets.MiniMessage - OpenSocial - Google Code これ結構ユーザとのインタラクションに便利なんですが、使うにあたりあんまり情報が無くて困っています。 -MiniMessage が好きだ! - Favorites! いろいろ探してみる -MiniMessageによるちょっとリッチなメッセージ表示 - OpenSocial-Japan | Google グループ 基はこれでいいようです。Require Feature で minimessage を読み込み、new して msg.createDismissibleMessage で呼び出し。 -Postal Search APIs &