We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
PHPでさくっとRSSをparseしたい。 そんなときにおすすめなのが、『How to Read an RSS Feed With PHP – screencast』。NETTUTSによる、PHPでRSSリーダーコンテンツを作る方法だ。 このエントリーでは、↑のようなタブで切り替えてRSSを読み込む方法が紹介されている。 タブの切り替えにはjQueryを使っていて、フェードインしながら切り替わる。ページのロードがないのが気持ちいい。 詳細まで解説されているので、参考にして実装してみてはいかがだろうか。 » How to Read an RSS Feed With PHP – screencast いろいろと本を読み終わった。「ジャパニーズ・ドリーム」は数年ぶりにもう一度読んだ。前よりも深く読めてたくさん得るものがありましたね。 「成功のコンセプト」の装丁は佐藤可士和さんによるものですね。ビ
はてブだと埋もれるのでこちらに書き足してきます。 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.flyout デモでは、3種類の実装方法が紹介されており、拡大時のアニメーションだけでなく、ローディングのサインをテキストや画像にするなども可能です。 jQuery.flyoutはjQueryのプラグインのため、動作にはjquery.jsが必要です。
web開発者が知っておくべき20の上位リストを作成している記事がありましたのでご紹介。 何気なくAjax使ったりしますけど、色々あるものですねぇ。 中でもこれは使えそうだなぁと思う7点をピックアップいたしました。 テキストボックスのオートフォーム 自動入力完備というか、入力した語句から検索してリスト化する機能。 サンプル / ダウンロード ブラウザでインスタントメッセンジャー ブラウザ上でスムーズなメッセージのやり取りを可能にする。 地味に日本語も対応されているところが素敵ですね。 サンプルログインはID『test』PASS『test』です。 サンプル / ダウンロード フォームの監視 ユーザーがフォームに入力し、送信するというのは、一般的な仕組みとして使われています。 こうした仕組み上、誤った情報を入力し、送信→誤りがありますというメッセージとともに、再度入力ページに戻るというフォームス
jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. Example Usage and Samples: // Sample 1 $.jGrowl("Hello world!"); // Sample 2 $.jGrowl("Stick this!", { sticky: true }); // Sample 3 $.jGrowl("A message with a header", { header: 'Important' }); // Sample 4 $.jGrowl("A message that will live a little longer.", { life:
jQuery 1.2 以降だと scrollTop(と scrollLeft)という疑似スタイルが利用できるようになったので,jQuery UI を使わずとも,jQuery Core 本体だけでページ内スクロールができるようになりました。 たとえば, <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ページの先頭へ</a> </p> </body> </html> このような HTML で「ページの先頭へ」というリンクをクリックしたときに,スムーズにスクロールしたいのなら, $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi
フォームはユーザーが積極的にアクションを起こす、重要なページです。 そのデザインを華麗かつわかりやすくすることは、ユーザーにとっても有意義なことになるでしょう。 今回のjqTransformはJavaScriptライブラリjQueryを使用して、フォームを綺麗に彩ります。 sponsors 使用方法 jqTransformからjquery.jqtransform.jsとjqtransform.cssならびに関連画像を、jQueryからはjquery.jsをダウロードします。 <link rel="stylesheet" href="http://yourdomain/jqtransform.css" type="text/css" media="all" /> <script type="text/javascript" src="http://yourdomain/jquery-1.2.
リンクのマウスオーバー及びマウスアウトのイベントで、バルーンの表示・非表示を切り替えています。 バルーンに表示するテキストは、マウスオーバー時のイベント発生時にコールする関数に文字列で指定します。 設置イメージ Tooltips with transparent shadowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text
梅酒.inの「梅酒がウリな飲食店」にてLightBoxを実現していることを前回説明しました。今回はさらに、jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示させる方法を説明をします。 ↑ こんな感じ。(昼間の写真なのがちょっとあれですが) ここではjQueryを用いているので、レスポンスのフォーマットとしてJSONPが利用できるホットペッパーのAPIを利用しています。 なお、jQueryのリファレンスは「jQuery 1.2.6 日本語リファレンス」が詳しいです。また、jQueryでJSONPを使う方法は「jQuery で JSONP 2通り – てっく煮ブログ」にて紹介されていたので、そちらを参考にやってみました。 また、ストリートビューをGoogle Maps APIから使う方法は「Google Maps API – Google Code (日本
Demo here In my previous blogpost I explained how to extend TextboxList to add closing functionality via a link added to each box. But it was missing an important ingredient: autocompletion! Again, all we have to do is extend the TextboxList class, override some methods, some events, and create some new ones (all prefixed by auto) Click here to see Javascript code var FacebookList = new Class({
$('#toggle-all').click(function(){ $('#example input[type=checkbox]').checkBox('toggle'); return false; }); $('#check-all').click(function(){ $('#example input[type=checkbox]').checkBox('changeCheckStatus', true); return false; }); $('#uncheck-all').click(function(){ $('#example input[type=checkbox]').checkBox('changeCheckStatus', false); return false; });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く