もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き） 記事一覧 | gihyo.jp第21回jQueryでAJAX入門：Google AJAX Feed APIを利用したRSSの読み込みとプラグインへの組み込み 長谷川広武（はせがわひろむ；h2ham） ，徳田和規 2010-10-08 第20回jQueryでAJAX入門：正規表現でサイトに表示したTwitterにリンクをつける 長谷川広武（はせがわひろむ；h2ham） ，徳田和規 2010-03-24
ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」:phpspot開発日誌
ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」 2010年04月20日- jsPlumb demo ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」というものがあるみたいです。 次のように、要素間が紐のようなもので繋がっているような表現が出来、ドラッグ＆ドロップによる要素の移動が可能です。 AとBは関連があるから繋いでおくというようなシーンで使えそうですね。 要素はドラッグ＆ドロップで移動が可能。 １から実装しようと思うと大変ですが、ライブラリによって複雑な処理も簡単に出来ますね。 関連エントリ とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々 １つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」 同一ページ内でポップアップウィンドウを開くJ
そこそこ規模が大きくても何とかなるjavascriptの設計（URL dispatcherの薦め） | tech.kayac.com - KAYAC engineers' blog
弁当生活始めました。agoです。 以前のjavascriptの開発はサーバサイドと同じPGが開発することが多く、機能をファイル単位で分割してそのページで必要なファイルのみを読み込むと言うことが行われていました。 ただ、最近はサーバサイドとクライアントサイドの分業が進んだことや表示速度の兼ね合いもあり、単一ファイルに全体を記述しサーバサイドでは全ページでその一ファイルのみを読み込むような形になることが多いです。 単一ファイルの利点としてはサーバサイドの実装に依存せずに任意の機能を追加できることがありますが、欠点として機能毎の切り分けが難しくなると言う点があります。 jQueryを使用して$('.selector')で切り出す方法もありますが、マークアップの全体像を正確に把握できていないと不要なページで間違って実行されてしまう危険性もあります。 そこで、以下のようなJSを先に読み込み、各URL
シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」:phpspot開発日誌
シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」 2010年10月22日- simpleColorPicker jQuery plugin シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」。 次のような超シンプルで逆に使いやすそうなカラーピッカー実装が簡単に１行で行えるプラグインのご紹介。 $(inputElement).simpleColorPicker(); として初期化するだけで実装できます。 色をクリックすればその値がそのまま入ります。 こうしたコンポーネントはどんどんリッチになる傾向がありますが、原点に戻ってあえてシンプルに考えることで使いやすいものが出来るのかもしれませんね。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッ
essentialjsdesignpatterns
2011年4月14日 Tags: javascript essentialjsdesignpatterns 0 「パターンな」テスト、プロトパターンと3つのルール目次 翻訳中です。 2011年4月14日 Tags: javascript essentialjsdesignpatterns 0 1 noteデザインパターンの構造 - Essential JavaScript And jQuery Design Patterns目次 翻訳中です。 2011年4月14日 Tags: javascript essentialjsdesignpatterns 0 デザインパターンを書く - Essential JavaScript And jQuery Design Patterns目次 翻訳中です。 2011年4月14日 Tags: essentialjsdesignpatterns javasc
モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
Web開発にお役立ちなチートシート集 | TRIVIAL TECHNOLOGIES on CLOUD
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー All The Cheat Sheets That A Web Developer Needsという記事を先日見つけて，割と知らないものが多く，また便利だったのでご紹介:-)。英文のチートシートだけど，仕様を短くまとめてあるチートシートは日本人のWeb開発者も便利に使えるはず。 HTML HTML/XTML in one page HTML5: The Evolution of Web Standards by James Sugrue (X)HTML Elements and Attributes Doctype Declarations (DTDs) XHTML Character
jQuery API 1.4.4 日本語リファレンス - StackTrace
add(expr) 要素集合に、条件式にマッチした要素集合を追加します。 add(expr, context) 要素集合に、指定されたコンテキストの条件式にマッチした要素集合を追加します。 addClass(class) 要素のクラスに、指定した CSS クラスを追加します。 addClass(fn) 要素のクラス属性に、指定した関数が返す CSS クラスを追加します。 after(content) マッチした要素の後（弟要素）に、指定した内容を追加します。 after(fn) マッチした要素の後（弟要素）に、指定した関数の内容を追加します。 jQuery.ajax(settings) HTTPリクエストを使用してデータを取得します。 ajaxComplete(handler) Ajaxリクエストが完了した時に実行するコールバック関数を登録します。 ajaxError(handler) A
7 Rich & Creative User Interfaces and How to Create Your Own - noupe
There are plenty of perfectly acceptable and functional websites out there that don't use dynamic content. But what if you want to give your site that little something extra that makes your visitors say "Wow"? What then? Maybe you'll find your answer below. There are tons of great, creative user interface options featured below, from modal windows to live search to hover effects. But they aren't j
Google Maps API(v3) で住所から地図にマーカーを置く！ « hampom TODAY
今後また使うかもしれないので、メモメモ。 google Maps API(v3)では APIキーが不要なので、テスト環境でのテストや本番に移行した際にAPIキーを取り直したりといったようなわずらわしさが無いのでお気に入りです(ただのものぐさです…) サンプルを設置しました！ → SAMPLE 早速、まずは javascript の読み込みを設定します！ <script type='text/javascript' src='http://www.google.com/jsapi'></script> <script type='text/javascript'>google.load('jquery', '1.3.2');</script> <script type='text/javascript' src='http://maps.google.com/maps/api/js?sens
[JQuery]googlemaps v3で座標を使って地図を表示 ｜ Director's Cut – art project team Blog -
[JQuery]googlemaps v3で座標を使って地図を表示 2010年07月18日 JQueryを使用 + googlemaps v3での地図とマーカー表示方法。 ※データベースから座標を取得するなどの場合 ※JQueryをあらかじめDLしておいてください。 htmlのhead部分を下記のようにします。 <head> <script type="text/javascript" src="/festiva/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="/festiva/js/googlemap.
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
Google+1/Twitter/facebookいいね!/facebook Share/mixiチェック/mixiイイネ!/GREEいいね/Evernote/はてブのボタンを超カンタンに作れる jQuery.socialbutton プラグインを作ったよ
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6～IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
Create a Ajax based Form Submission with jQuery
AJAX AJAX has changed the world of web development. Look at digg, facebook and gmail, thery are good examples to show the capability of AJAX. AJAX can create a highly responsive web interface and increase the user experience. AJAX is abbrieviated from Asynchrounous javascript and XML. It's not a new technology, but the implementation of a group of technologies to achieve a seamless interaction bet
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
Site Under Maintenance
