http://blog.e-riverstyle.com/2009/02/jqueryicaljs.html
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
超カッコいい確認ダイアログをjQueryで実装するチュートリアル:phpspot開発日誌
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコいい確認ダイアログをjQueryで実装するチュートリアル 普通、ダイアログというと javascript の confirm とか、その他 jquery プラグインを使って実装されるものが多いですが、これまで見たなかでもかなりのカッコよさのダイアログ実装チュートリアルです。 サンプルのダウンロードも可能。 一見全て画像のようにも見えますが、CSS3を使って綺麗にデザインされています。 ここら辺もこだわりたいという方は参考にしてみるとよさそう。 関連エントリ 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAc
ウェブサイトの使い方を目の前でアニメーションして説明するスクリプトをどんなサイトにでも埋め込める「Embedded Help System」
目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると
JavaScriptで外部サイトをスクレイピング【Cross-Domain-Ajax】｜JavaScriptプログラムメモ｜プログラムメモ
JavaScriptで外部サイト（別ドメイン）のファイルを取得しようとすると、crossdomainの制約にひっかかってエラーとなります。 そこでCross-Domain-Ajaxプラグインを使用します。 例：Yahooのトップを取得します。 <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="https://github.com/jamespadolsey/jQuery-Plugins/raw/master/cross-domain-ajax/jquery.xdomainajax.js"></script> <scrip
bit.lyでのクリック数を表示するJavaScript「Showing Off bit.ly Clicks of Your Posts With jQuery」
twitter facebook hatena google pocket 短縮URLを利用するとそのクリック数などを把握することが可能です。 この数値をリンクの隣に表示することで、訪問者がクリックをする動機づけにさせられるかもしれません。 今回はbit.lyとjQueryを利用してこれを実現する方法をShowing Off bit.ly Clicks of Your Posts With jQueryから紹介します。 sponsors 使用方法 とりあえずbit.lyアカウントでも取得しましょう。 それからjQueryからjquery.jsもダウンロードしてきましょう。 準備は完了です。 Showing Off bit.ly Clicks of Your Posts With jQueryを見ると、下記から始まる長いコードがありますので、これをコピペしましょう。 // When DOM
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」:phpspot開発日誌
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」 2010年02月16日- jQuery Countdown あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」というものがあるみたいです。 次のようなカウントダウンタイマーが実装できます。 英語だけかと思いきや、多くの言語に対応していて日本語も対応してます。 使い方も簡単で１行で実装できます。 $(element).countdown({until: 目的の日付のDateオブジェクト, format: 'dHM'}); until には new Date で作れるオブジェクトをわたします。 var targetDate= new Date(); targetDate.setDate(targetD
jQueryとCSS3で構築された超絶クールな画像ギャラリーサンプル:phpspot開発日誌
Beautiful Photo Stack Gallery with jQuery and CSS3 | Codrops jQueryとCSS3で構築された超絶クールな画像ギャラリーサンプルが公開されています。 プログラムのまるごとダウンロードも可能。 これを使って、ちょっとカッコいいギャラリーを作ってよ、みたいな案件にすぐ対応出来るかもしれません。 一覧画面は次のような感じでCSS3の機能をフルに使ってクールにデザインされています。 画像をクリックすると、写真がLightBox風にオーバーレイして開きます。 何枚にも重なってますが、クリックするとシャッフルできます。 アニメーションなんかもいい感じで動いてくれます。 関連エントリ 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集 超クール画像ギャラリーが作れるJavaScriptライブラリ 画
tableの内容を簡単にグラフ化するjQueryプラグイン「gvChart」
twitter facebook hatena google pocket tableで表組みにしたものをグラフ化するのは面倒な作業だったりします。 そこでjQueryプラグイン「gvChart」で簡単にグラフ化しましょう。 通常通りtableを記載し、JavaScriptを記述すれば完成です。 sponsors 使用方法 gvChartからファイルをダウンロードします。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.gvChart.js"></script> <scri
HTML5ビデオを埋め込む。またiPhone, iPadで自動再生（autoplay）を行う｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
HTML5ビデオを埋め込むコードは <video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer autoplay> </video> iPhone, iPadでautoplayを行うには <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1.3");</script> <script type="text/javascript"> jQuery.noConflict(); var j$ = jQuery; function fakeClick(fn) { var $a = j$('<a href="#" id="fakeClick">
jQueryで吹き出し風の説明をさせられるプラグイン「TipTip jQuery Plugin」
twitter facebook hatena google pocket リンクや画像にマウスを乗せると噴出し風に説明が表示されることがあります。 ツールチップなんて呼ばれるこれを、JavaScriptライブラリのjQueryで実現する「TipTip jQuery Plugin」を紹介します。 sponsors 使用方法 TipTip jQuery Pluginからファイルをダウンロードします。 また、jQueryからjquery.jsもダウンロードしましょう。 <link rel="stylesheet" href="tipTip.css" type="text/css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jq
jQueryで円グラフを簡単に表示するプラグイン「Peity」
twitter facebook hatena google pocket 円グラフをサイトで使用することがあるかと思います。 そんな時、JavaScriptライブラリのjQueryなら簡単に表示させることが可能です。 via：Peity . progressive <canvas> pie charts sponsors 使用方法 Peityからjquery.peity.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.peity.js"></script> <script type="text/javascript"> $(document).ready(
画像を斬新な形でカッコよく並べられるjQueryプラグイン「jSquares」:phpspot開発日誌
boedesign ? canadian based web developer eh Blog Archive jSquares for jQuery 画像を斬新な形でカッコよく並べられるjQueryプラグイン「jSquares」。 div で定義した画像のリストをキャプションと共に、次のようにサイズを変えつつ並べて表示してくれるのがこのプラグインです。 画像をメインにするサイトなんかで、ページのヘッダーなんかに置いておくとインパクトがあるだけでなく、画像ヘッドラインとしてわかりやすいナビゲーションが可能ですね。 カーソルを合わせるとキャプションと共にハイライトされます。 デモページでは同じ画像を並べてますが、別の画像を指定することも出来ます。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 半透明がいい感じのクールな写真ギャラリー
新しいjQueryのプラグイン25 – creamu
86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ
シンプルな画像ギャラリーJavaScript「Slide Scale」
twitter facebook hatena google pocket シンプルに画像を見せるためのギャラリーJavaScriptを紹介します。 jQueryプラグインのSlideScaleです。 sponsors 使用方法 SlideScale Demo Pageの右上にある Code (Github)をクリックし、【Download Source】からダウンロードします。 <link rel="stylesheet" type="text/css" href="jquery.slidescale.css"> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1.8.js"></script> <script
もうFLASHはいらない！？画像切替えJavaScript「jQuery
twitter facebook hatena google pocket FLASHを使用して画像を印象的に切り替える手法がWEBマガジンなどでは多く見られます。 でもそれFLASHじゃなくてもよくない？ JavaScriptライブラリのjQueryを利用した「jQuery "Feature Carousel" plug-in 」なら、いちいちフラッシャーに直させたり、よくわからないxmlを書き換える必要もありません。 sponsors 使用方法 jQuery "Feature Carousel" plug-in からファイル一式をダウンロードします。 <link rel="stylesheet" type="text/css" href="featureCarousel.css"> <script type="text/javascript" src="jquery-1.4.2.min
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobile 1.1.0 日本語リファレンス
5509.me
PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム:phpspot開発日誌