紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 slideView 動きが面白い画像のスライドショー。 Mop Slider コンテンツのスライダー。バージョンアップ。 simpl

オンライン勉強会の Jetpack 入門に参加して Jetpack のソースコードを読んでいたら、Iterator を関数として呼び出したときとコンストラクタとして呼び出したときとでは挙動が違うということを知りました。 Iterator の動作 オブジェクト o に対して for-in 文、for-each-in 文を実行したとき、及び Iterator 関数、Iterator コンストラクタを呼び出したときの (SpiderMonkey の) 動作は、それぞれ次のようになります。 コード o が __iterator__ メソッドを持つとき o が __iterator__ メソッドを持たないとき for (... in o)

Google Map APIでルート表示をする - japan.internet.com デベロッパー Google Map APIでルート表示のjavascriptコード例が紹介されています。 ここら辺もjavascriptでハンドリングできるというのは便利ですね 関連エントリ PHPでGoogleMapのジオコーディングAPIを簡単に使えるサンプルコードとライブラリ 「Google Static Maps API」を使い携帯でGoogleマップを表示

これはすごい。思わずうなってしまった。 Adrian Pelletierさんのブログ&デザインポートフォリオサイトの記事です。 マウスオーバーすると、ふわっとアイコンが浮き上がって、マウスアウトですっと下に落ちます。 落ちた時のバウンドも実装されているので、有機的でとても気持ちいいですね。 デモは以下から。 » View Demo ぜひ見てみてください♪ » Create a Realistic Hover Effect With jQuery 昨日は会社のイベント。「2人のアートディレクター 仕事・生き方・考え方」というタイトルで、mountのイム・ジョンホさんとRAKU-GAKIの西田幸司さんにお話を伺いました。 懇親会でご挨拶させて頂いたんですが、刺激になりますね。

nettuts+で、CSSとjQueryで実装するタブコンテンツが紹介されています。 タブをクリックすると、アニメーションしながらスムーズにコンテンツを切り替えてくれます。 デモは以下から。 » Demo 一度見てみてください。 » Create a Slick Tabbed Content Area using CSS & jQuery ハワイに旅行した友人がブログでKUA AINAのバーガーがめちゃうまいって書いてたから、食べたくなって早速行ってきたぞ。日本だけどね。ばりうまかったのだ。

Javascriptしか使わないTwitterクライアント パスワードはJavascriptがBASIC認証をくぐり抜けて取りに行くから、twitterのサーバ以外にパスワードが知られることはありません プロフィール画像1回クリックで「返信」、2回クリックで「RT」に！ 3分毎に自動でリロード！ 書き込み始めると自動リロードをストップ！ 書き込みをやめてリロードしたい場合は、「reload」をクリック！ 自分のタイムラインしか見られません！ フォローとかDMとかできません！ この先に進んだページをブックマークすると良い ぼけっと画面端に置いておく用！ ID:

JavaScript での利用方法 JSON形式の文字列を JavaScript で利用するのはとても簡単で、eval()関数で JavaScriptのオブジェクトに変換することで利用可能になります。 var jsonData = '{"type" : ["JSON", "XML", "YAML"]}'; var obj = eval('(' + jsonData + ')'); alert(obj.type[1]); JSONを外部ファイルに記述しておき、XMLHttpRequest を利用して取得することも可能です（XMLHttpRequest部分は jQuery を利用）。 {"type" : ["JSON", "XML", "YAML"]} $.ajax({ url: "/data/jsonData.json", success: function(jsonText){ var o

HTML5 Canvas Experiment ・IO 9elements HTML5のCanvasで動く超クールなデモページ。 Safari 4 とか Firefox3.5 で動くのですが、これは1回見ておいたほうがよいかもしれないカッコいい＆Canvasの可能性を見せてくれるものです。 単に動くだけでなく、インタラクティブな動作もします。 Flash、Silverlight、Canvas というもうひとつの選択肢が増えたという感想も持ってしまいます。 関連エントリ Canvasでブラウザ上に動的にテキストを描画できる「canvas-text」 CanvasデータをPNG/JPEG等の１枚画像に変換するJS「Canvas2Image」

公開: 2009年8月6日14時10分頃 「やはり退化していた日本のWeb開発者「ニコニコ動画×iPhone OS」の場合 (takagi-hiromitsu.jp)」。 iPhone・iPod Touch用の「ニコニコ動画」アプリのサーバ側実装が脆弱だったというお話。iPhoneやiPod Touchの端末製造番号 (UDID) は秘密情報ではない上に詐称可能なのですが、そのUDIDに依存した認証を行っていたため、他人のUDIDが分かると、その人の非公開マイリストなどが見られてしまう……ということのようで。現在は修正されているようです。 脆弱性の話としては、認証方法の不備という単純な話なのですが、むしろ周辺の反応が興味深いですね。いちばん面白いと思ったのがこのブックマークコメント。 ツッコミがたくさん入っていますが、「流儀が違う」というのは、実は全くその通りなのですね。端末固有IDによる

SQLインジェクション対策はおすみですか? 開発開始時点からのコンサルティングから、公開済みWebサイトの脆弱性検査、 脆弱性発見後の適切な対策まで ●携帯JavaScriptとXSSの組み合わせによる「かんたんログイン」なりすましの可能性 このエントリでは、携帯電話のブラウザに搭載されたJavaScriptと、WebサイトのXSSの組み合わせにより、いわゆる「かんたんログイン」に対する不正ログインの可能性について検討する。 5月28にはてなダイアリーに書いた日記「i-mode2.0は前途多難」にて、今年のNTTドコモの夏モデルP-07AにてJavaScript機能が利用停止されたことを指摘した。同日付のNTTドコモ社のリリースによると、「ソフトウェア更新に伴い、高度化した機能の一部をご利用いただけなくなっていますが、再びご利用いただけるよう速やかに対処いたします」とあったが、それ以

GEEK Sucksというサイトで、jQueryを使ったフェードイン&アウトエフェクトが紹介されています。 ざっといくつかご紹介。 » Jquery Fade In.Fade Out サイトに来たときには30%の透過、マウスオーバーで100%。画像やテキスト、リンクやdivに指定可 » Fade Transition Plugin for jQuery テキストや画像に簡単にフェードイン&アウト効果がつけられるプラグイン » Making a Slideshow with jQuery jQueryを使ったクールなスライドショー » Simple jQuery slideshows 2パターンの面白いスライドショーが組めるjQuery » InnerFade with JQuery 画像やdivなど、要素の種類に関わりなくフェードイン&アウト効果をつけられるプラグイン その他のリストは以下

elm.setAttribute( "name", "value" ).getAttribute( "name" ); Object.prototype.__noSuchMethod__=function(methodName,argsArray){ if(methodName.match(/^_[^_]/)){ var method=methodName.substr(1); if(this[method]){ this[method].apply(this,argsArray); return this; } } throw new TypeError(methodName+" is not a function"); }; elm._setAttribute( "name", "value" ).getAttribute( "name" );

_携帯JavaScriptとXSSの組み合わせによる「かんたんログイン」なりすましの可能性 このエントリでは、携帯電話のブラウザに搭載されたJavaScriptと、WebサイトのXSSの組み合わせにより、いわゆる「かんたんログイン」に対する不正ログインの可能性について検討する。 5月28にはてなダイアリーに書いた日記「i-mode2.0は前途多難」にて、今年のNTTドコモの夏モデルP-07AにてJavaScript機能が利用停止されたことを指摘した。同日付のNTTドコモ社のリリースによると、「ソフトウェア更新に伴い、高度化した機能の一部をご利用いただけなくなっていますが、再びご利用いただけるよう速やかに対処いたします」とあったが、それ以来2ヶ月以上が経つものの、未だにJavaScript機能は利用できない状態のままだ。 実は、NTTドコモ社が慌てふためいてJavaScript機能を急遽停止

Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいいLightBoxの作成チュートリアル。 デモページ 単純に背景をGIFアニメーションにしているだけっぽいけど、なんかオシャレです。 1ネタとして覚えておいて損はなさそう。サンプルもダウンロード可能です。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル jQueryやPHPを使った便利な仕組みのチュートリアル集

iPhone-like password fields using jQuery // DECAF・blog digitale kommunikation 最後の文字だけ読めるiPhoneのパスワードフィールドそっくりな入力フィールド作成用jQueryプラグイン 次のように最後だけ読めるフィールドが作れます。 iPhoneでは次のようになっていて、まさにそっくり。 先日、同じようなエントリを紹介しましたが、以前よりもソックリなところがいいですね。 関連エントリ 何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン

2009/08/05 OpenGLやOpenCLなどの標準規格を策定するKhronos Groupは8月4日、米国ニューオーリンズで開催中のSIGGRAPHで「WebGL」ワーキンググループの詳細について発表した。WebGLは、Webブラウザから直接にハードウェアによる3D描画を行うための規格で、Webブラウザに搭載されたJavaScriptとOpenGL／OpenGL ESのバインディングを規定する。 現在、WebGLにはAMD、エリクソン、グーグル、Mozillaファウンデーション、NVIDIA、Operaソフトウェアなどが参加。2010年前半にはWebGLの最初のリリースを行うという。これまでブラウザベンダは、Canvas 3D（OperaやMozilla）、O3D（Google Chrome）など、個別に3Dグラフィックの実装に取り組んできたが標準化に向けて動き出したと言えそうだ。

SQLインジェクション対策はおすみですか? 開発開始時点からのコンサルティングから、公開済みWebサイトの脆弱性検査、 脆弱性発見後の適切な対策まで ●携帯JavaScriptとXSSの組み合わせによる「かんたんログイン」なりすましの可能性 このエントリでは、携帯電話のブラウザに搭載されたJavaScriptと、WebサイトのXSSの組み合わせにより、いわゆる「かんたんログイン」に対する不正ログインの可能性について検討する。 5月28にはてなダイアリーに書いた日記「i-mode2.0は前途多難」にて、今年のNTTドコモの夏モデルP-07AにてJavaScript機能が利用停止されたことを指摘した。同日付のNTTドコモ社のリリースによると、「ソフトウェア更新に伴い、高度化した機能の一部をご利用いただけなくなっていますが、再びご利用いただけるよう速やかに対処いたします」とあったが、それ以

Code Archive Skip to content Google About Google Privacy Terms

horinaja demo パネルのスライドの操作はマウスのホイールだけでなく数字のクリックでも可能で、オートプレイにも対応しています。 各パネルはリスト要素で実装されているので、リンクの配置やちょっとしたレイアウトも可能です。 horinajaはjQuery、もしくはPrototypeのプラグインとして動作しているため、実装にはjquery.js、またはprototype.jsとscriptaculous.jsが必要です。

HORINAJAという、マウスのスクロールでページネーションを実装するスクリプトを見つけました。 scriptaculousとjQueryの2パターンがあって、しかもフリーとなっています。 I’m D.Massiani, i developpe this class for me and i decided to publish this. サイトがかっこいいなと思っていたら、D.Massianiさんはグラフィックデザイナーなんですね。すごいな。ブログは↓。 » http://www.davidmassiani.com/blog/ ぜひ見てみてください♪ » horinaja for scriptaculous or jQuery 加藤ミリヤとかアジカンとかいろいろ借りた。いい感じだ♪

CSS Refresh - The Coder Zone CSSをその場でリフレッシュする便利なブックマークレットが公開されています。 これを使えば、ページのリロードなしに最新のCSSに切り替えが可能です。 CSSを変えただけなのに、画像なんかも全部リロードせずに済みます。 最新を本当に呼んでいるかの確認にもよさそうですね。 中身的には、QUERY_STRING の後に date().valueOf() の値を引数で仕込んでいるようです。 開発に便利かもしれません。

jQueryを使用して、画像に半透明の見出しとキャプションをスライド表示させるチュートリアルをQuenessから紹介します。 Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery demo デモでは画像にマウスをホバーすると、上から見出し、下からキャプションをスライド表示させます。 見出しとキャプションは画像の前後にdiv要素で実装されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div class="photo"> <div class="heading"><span>Telephoto Lens</span></div> <img src="images/fall.jpg" width="350" h

GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 2009年08月05日- jquery-week-calendar - Project Hosting on Google Code GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」。 次のような、ドラッグ＆ドロップでイベントを作れるGoogle カレンダー風のウィジェットがjQueryプラグインとして公開されました。 なんと、次の１行で初期化という簡単っぷりです。 $("#calendar").weekCalendar(); 当然、コールバックを設定して、イベント追加時のコードをかけたりします。 プロジェクトページのリファレンスも充実しているようで、カスタマイズも簡単でしょう。 関連エントリ とても洗練さ

Firefox 3 以前 Firefox を再起動するとき、 Firefox 3 までは以下のようなコードを書く必要があった。 var appStartup = Cc["@mozilla.org/toolkit/app-startup;1"].getService(Ci.nsIAppStartup); appStartup.quit(appStartup.eRestart | appStartup.eAttemptQuit); ただし、上記コードでは Firefox 終了直前に「開いているタブを保存して次回起動時に復元しますか？」の確認ダイアログを表示する設定になっていた場合などに、ダイアログを表示せずに強制的に終了してしまう欠点がある。そのような場合でもちゃんとダイアログを表示させるようにするためには、 chrome://mozapps/content/extensions/extens

PhotoShareをiPhone向けに提供して早くも一年になるが、もっとも良く投げかけられる質問は「PhotoShareはAndroidとかの他のプラットフォームに移植しないの？」というものだ。 少し前までは、「まだiPhone以外のビジネスが十分に大きくないから今はまだ早い」、「iPhone上でやるべきことはまだ沢山あるから」、などと答えて来たのだが、最近は少し見方が変わってきた。 今の勢いでHTML5が進化・浸透してくれるのであれば、わざわざ移植コストをかけてAndroidやWindows Mobile向けにネーティブ・アプリを開発するよりは、少なくともUIの部分をすべてHTML+Javascriptにまかせたアーキテクチャでのインタラクティブなアプリの開発というのも十分に可能性があるように思えてきたのだ。 この「HTML+Javascriptですべて出来るじゃん」という発想は、そも

Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

HONGKIATで、ドロップダウンメニューを作るスクリプトがまとまっています。 ざっといくつかご紹介。 » CSS Drop-Down Menu Framework GNUライセンスのCSSドロップダウンメニューフレームワーク » CSS Express Drop-Down Menus CSSでさくっとドロップダウンメニューを作る方法 » JavaScript Dropdown Menu with Multi Levels javascriptを使ったマルチレベルのドロップダウンメニュー » Smooth Navigational Menu jQueryを使ったマルチレベルのナビゲーション » Mega Drop-Down Menu メニューの中にグループを設定できるメガドロップダウンメニュー » Mega Drop-Down Menu MooTools1.2を使ったシンプルなドロップダウ

Free Web Resources Everyday - WebResourcesDepotRelated PostsSimple & Free Ajax-PHP Shopping Cart: jCart “E-Commerce Week” At WebResourcesDepot (Want To Sponsor?) Open Source Shopping Cart: OpenCart E-commerce With Drupal: Übercart Free PHP E-Commerce Software: PrestaShop

uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、 古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。 また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、様々なブラウザで利用可能にします。 Features - 特徴 CSS3 Selector ready - CSS3 セレクタによる Webページデザインが可能になります。 No! CSS Hack - CSS Hack は一切使えません。 ブラウザ毎のレンダリングの違いはコンディショナルセレクタでスマートに解決できます。 Include cutting-edge technologies - 未来の技術を先取り。豪華なオマケ付きです。 Acid2 Safe - u

まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない（したものも一部あるかもしれませんが）ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなＷＹＳＩＷＹＧエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなＵＩのＷＹＳＩＷＹＧエディター。jQueryプラグイン SPAW Editor ＵＩが美しいタブ付きＷＹＳＩＷＹＧエディタ →デモページ TTW HT

くるっと反転させるパネルをタブで操作するスクリプトをWeb Developer Plusから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $('document').ready(function(){ //initialize quickflip $('#flip-container').quickFlip(); $('#flip-navigation li a').each(function(){ $(this).click(function(){ $('#flip-navigation li').each(function(){ $(this).removeClass('selected'); }); $(this).parent().addClass('selected'); //extract index o

Chroma-Hash Demo 入力したパスワードをビジュアライズできる「Chroma-Hash」。 次のように、パスワードフィールドの横に３色の図形を描画できます。 ビジュアライズすることで、パスワードの確認に、同じパスワードが入っているかをチェックすることが可能です。 パスワードが違うと次のように色が違うので一目瞭然です。 パスワードフィールドは、●になっていて何が入っているか分かりませんが、このように色で再現されれば入力が分かるというわけですね。 ちゃんとしたライブラリを使わないと、この図からパスワードを推測されてしまうので注意は必要ですが、仕組みとして面白いですね。

２か月ぶりのネタ帳です。 意外とまとめるのが時間かかったりしてなかなか出せずじまい。 今回は比較的新しい記事をピックアップしました。 Twitterの新ログインページに関する記事や、Twitterを解析しまくる５つのツールなど、Twitter関連も少し多めです。 Twitter最近流行ってますからねー。 しかし、大人の69%はTwitterのことを知らないという事実ではたいして普及はしていないとの指摘も。 Firebugを強化するためのアドオン１３個まとめや、 あなたをスーパーブロガーに仕立て上げるFirefoxアドオン２７まとめなどマニア向けの記事もあります。

Ajaxed Sliding Shopping Cart With jQuery カートが目立たず、いい感じにスライドしてくれるショッピングカートの仕組みが公開されています。 実際の動作を見るにはデモページを参照するのがよいかもしれません。 デモページ これは新しい動きですね 関連エントリ 超かっこいいJavaScriptショッピングカート「simpleCart(js)」 PHP製のショッピングカートシステムいろいろ

久々のBlog更新、というわけでリハビリがてらJavaScriptで軽く遊んでみたいと思います。 いま、巷で流行ってるMapReduceのオープンソース実装Hadoopは「Hadoop Streaming」という標準入出力でデータのやりとりができる仕組みを使って、 Hadoopの実装言語であるJavaにとらわれず、RubyやPerlなど他の言語でもMap＋Reduceの処理ができることが１つのウリになっています。 で、僕たちwebエンジニアはみんなJavaScript大好きなので、「JavaScriptでもMap Reduceやりたい！」という流れになるのは必然です。 そこで、試行錯誤でいろいろ試してみると割とさっくり出来たのでそのメモを残しておきたいと思います。 環境の整備 Mac OSX上のVMWare FusionにCentOSの仮想マシンを２台立ち上げて、環境セットアップしました。

AnythingZoomer2 Download Calendar Demo Mouse over the calendar to see the zoom window. Double click anywhere on the calendar to toggle between the large and small versions. Target August 26, the week of Aug 26, or the whole month of July.

twitter facebook hatena google pocket 要素をスクロールさせられるJavaScriptは結構ありますが、今回のようにマウスホイールでスクロールさせられるのはなかったのではないでしょうか。 jQuery TOOLS / Scrollable - Scroll your HTML with eye candyは高機能なスクロールJavaScriptです。 sponsors 使用方法 jQuery TOOLSからjquery.tools.jsをダウンロードします。 また、マウスホイールプラグインもダウンロードします。 <script type="text/javascript" src="jquery.tools.js"></script> <script type="text/javascript" src="jquery.mousewheel.js"></

HTML5 Web Workersを超簡単に使えるようにするフレームワーク、AlexServiceを公開しました。 AlexServiceは、普通のJavaScript関数定義と呼び出しを行うだけで、Web Workersを使用したバックグラウンド処理を行うことができるようになります。試作して使ってみたところ、「これは使える」と言う手応えを得ましたので、機能を追加してテストも割としっかりやり、公開するに至りました。現在のバージョンを0.5としたのは、割と完成度高いよ、と言う気持ちの現れです。 AlexServiceとは何か、を説明する前に、そもそもWeb Workersについてご存じない方も多いと思うので、簡単に説明します。 Web Workersは、JavaScriptでバックグラウンド処理を実現するための非常にシンプルで強力なAPIです。 バックグラウンドで動作するスレッド（ワーカスレ

先日、画面をスクロールさせると動く動画、というのをやった。（⇒「スクロールさせると動く動画」） これをステレオ写真でやったらどうなるだろう？ ちゃんと飛び出す動画になってくれるだろうか？ （T・斎藤） 前回の復習 前回、以下のようなことがわかった。 ・連続写真を縦に並べたものをスクロールして見ると動いて見えた。 ・ただし普通にスクロールしても動いて見えない。画像の縦幅に合わせてスクロールするのがポイント。そうなるよう簡単な細工を施した。（JavaScriptで実現） ではさっそく、新作を用意したのでカーソルキーの「→」を連打、または押しっぱなしにして動かしてみよう。 ちゃんと見えたでしょうか？ （ここがクリアできてないと今回は先に進めないので） ＩＥ と Firefox と Safari にてちゃんと動くことが確認できているので、たぶん大丈夫だろうと思うが、ブラウザによっては、間違って「↑

A browser Extension for auto loading paginated web pages. AutoPagerize use in many web site, and provide efficiently web browsing. ページごとに分けられたWebページを自動で読み込み継ぎ足し表示を行うブラウザ拡張です。 AutoPagerizeは様々なWebサイトで利用でき、効率的なWebブラウジングを提供します。

IE6 Update IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」。 Windowsユーザの方ならご存知の、ブラウザ最上部に表示される情報バーのようにやんわりとアップデートを促してくれるJavaScriptコードです。 最近、海外のサイトを見ているとこの仕組みを使ったサイトをよく見かけますよね。 実装は、サイト上に掲載されているコードを貼り付けるだけで実装できるという容易さもGood! コードは以下で、googleのホスティングするjQueryコードなどを読み込むものになっています。 <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("

In the Woods - Creating an AJAX Web App Using the Bit.ly API bit.lyのAPIを使ってAjaxでURLを速攻で短くするサンプルプログラムが公開されています。 bit.ly にアクセスして短くするよりも高速なので、ツールなんかに組み込むにはもってこいです。 (1) URLを入力 (2) 「Shorten!」ボタン押下 (3) 短縮化完了 jQueryとPHPを使って実現されているみたいです。 肝心の、APIを叩いて短縮する部分のPHPコードも公開されていて、これを流用するだけでも便利そうです。 参考にすれば、正規表現でマッチさせて長いＵＲＬなんかは自動でbit.ly のURLに変換させるなんてことも簡単にできそうですね。 関連エントリ TinyURLよりも短いURLが作れるURL短縮サービス「u.nu」 URLを短くできるTin

もう暑いんだかダルいんだか、なにが「まとめ」なんだかわかんなくなっちゃってる。とりとめもなくダラダラ書いて、まとめってことにしておこう。まとめようと思えば人生だって７文字でまとめられるだろう。「いろいろあった」と。 キホン あ、「文字組みアキ量設定」ね。そうそう、忘れてた。文字組みアキ量設定は２種類ある。アプリケーションデフォルトと、ドキュメントが持っている設定。 app.mojikumiTables;//アプリケーションの持つ文字組みアキ量設定 app.mojikumiTables.length;//-> 16 個ある app.mojikumiTables.everyItem().name;//-> 行末約物半角,行末受け約物半角・段落 1 字下げ (起こし全角),行末受け約物半角・段落 1 字下げ (起こし食い込み),約物全角・段落 1 字下げ,約物全角・段落 1 字下げ (起こし全角

25+ Create Amazing Image Effects with Some of the Best jQuery Plugins Available by Lars | Last updated Jan 14, 2017 | jQuery Plugin Collections | 52 comments JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used

滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li

JavaScriptで、あるサイトに含まれている、ある正規表現に一致する文字列を、一斉に別の文字列に置換したいのですが、どのように書けばいいでしょうか？

As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today. View Demo Step 1. Wireframe – HTML This part is very simple. Your

twitter facebook hatena google pocket 画像ギャラリーは、数多くあふれていますが、発端がLightBoxだったからか、あまりユーザビリティに優れているとはいえません。 jQueryプラグインのjquery.showcaseを使用すると、今何を見ていて、後何枚あるのかを明示することができ、わりとユーザビリティに配慮できます。 sponsors 使用方法 jquery.showcaseからjquery.showcase.1.0.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.showcase.1.0.js"></script> <sc

JANKOで、ドロップダウンメニューをjQueryを使ってリデザインする方法が紹介されています。 For me, standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can’t contain nothing but simple text. とのことで、標準のHTMLセレクトエレメントはとても退屈でかっこわるいのでリデザインしたとのこと。 ↑のようにシンプルだけどデザインされたメニューが実装されていますね。 デモは以下から。 » JankoAtWarpSpeed demos ソースコードもダウンロードできるので、ぜひ見てみてはいかがでしょうか？ » Reinventing a Drop Down w

For me, standard HTML Select element is pretty much annoying. It's ugly. It can't be styled properly in Internet Explorer. And it can't contain nothing but simple text. That is the reason why I needed to reinvent Drop Down element. This tutorial shows how to do that (easily, believe it or not). View demo Download source code There is an update at the end of this tutorial and the second demo that s

DESIGNM.AGで、ブログにかっこいいパーツをつけるチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create Fancy Share Box with CSS and jQuery マウスオーバでピュッと飛び出すjQueryを使ったソーシャルメディアへのリンク » How to Add Custom Bookmark Links to WordPress WordPressにブックマークボタンを設置する方法 » Create a Stunning Lightbox-Style Random-Post Header Gallery ヘッダー画像をランダムに切り替える。カスタムフィールドを使用 » Moving Boxes ズームイン&アウトしながら水平方向に移動するギャラリー » jQuery Sliding Tab Menu for Sidebar Tutorial

ドロップダウンするパネルに複雑なレイアウトを適応したナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Professional droplist menu demo デモではドロップダウンで表示されるパネルにカラムを使用し、見出しを使って情報を整理し、フィーチャーリンクも設置されています。 対応ブラウザは、IE6/7/8, Fx, Op, Safari(PC), Chromeとのことです。

現在のルール ノードは0.0〜1.0のランダムな2つの実数を特徴量（ノードID）として起動する(ノードの色はこれを表している）。また各ノードは最大100件保存できるノードDBを持っている。 起動時には、初期ノード情報としてネットワーク内のランダムな2ノードをノードDBへ追加する。 各ノードは、最大3つの能動的な接続行う。このときノードDBの中から自ノードと特徴量の距離が近く自ノードより特徴空間の中心に近いノードを選択して接続する。 各ノードは接続を最大4つまで受け付ける。 接続を受けたノードは、自分の持っているノードDBの中から接続相手にオススメのノード情報を20個送信する。また接続を維持している間、定期的にオススメノード情報を交換する。 オススメされたノード情報はノードDBに保存する。ノードDBがいっぱいの場合は接続優先度が低いほうから削除する。 各接続はある程度時間がたつと切断する。基

詳しいドキュメントとダウンロードはこちらから。 オンラインデモはこちらから（要WebDatabase・・・つまりSafari4で見てください） AlexRecordってプロダクトをリリースしました。 HTML5 Web DatabaseをベースとしたO/R Mappingフレームワークです。 コーディングに要した作業時間は1.5日くらいなんで、テストは甘甘で、ソースは汚いです。。 が、一応いろいろできるようにはしてあります。 テーブルの作成／削除 レコードの保存／削除 ActiveRecordパターンの実現 参照先テーブルもプロパティとして取得できる（現在のところ、one-to-many関連や遅延フェッチには対応してません） クエリの抽象化と流れるようなインターフェース イベントハンドリング AlexRecordを用いると、文字列操作をガリガリ行ってSQLを組み立てる手間が必要なくなり、オ

Make an Ajax Image Hosting Site With PHP and jQuery | Dev Words PHPとjQueryを使った簡単アップロード＆画像ホスティングの仕組みがソースコード付きで公開されています。 ファイルを選んで「Upload」ボタンをおします。 画像のURLが表示されます。 という、シンプルですが、なかなか使えそう＆作るとなると面倒かもしれない、というツールになってます。 勝手に使われないような対策は打っておく必要があるかもしれませんが、ブログの画像アップローダーとしても軽快に動作するので便利に使えるかもしれませんね。 関連エントリ 超シンプルな画像アップローダー＆画像シェアできるツール「imgur」 YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる

คาสิโนออนไลน์อันดับ 1 ฝากถอนโอนไวด้วยระบบออโต้ ครบทุกการเดินพัน เกมคาสิโนออนไลน์ยอดฮิตเราคัดมาลงไว้ที่เว็บเรา สล็อตออนไลน์ บาคาร่าออนไลน์ ยิงปลา ป๊อกเด้ง เสือมังกร แทงหวย แทงบอล โปรเด็ดแจกเครดิตตลอด

RightJS RightJSと他ライブラリとの比較 IE, Fx, Op, Safari, Chromeの各ブラウザでのパフォーマンスは、jQuery、Prototype、Mootoolsなどの主要なJavaScriptのライブラリと比較して、概ね高速なパフォーマンス結果となっています。 デモではモーフィング、ハイライト、フェード、スライドなどのビジュアルエフェクトを楽しめます。 demo RightJSのライセンスは、MIT licenseとのことです。

こんにちは、マピオンでクライアントサイドの開発を行っている大澤です。 このほどマピオンのサイトをGeolocation API対応しました。 Firefox3.5以上をお使いの方は今すぐ試せます。 今回実際に実装などを行ってみた感想などを書こうと思います。 実装は、簡単だった 簡単でした。 ブラウザの判定なども特に必要なく、ただnavigator.geolocationがあるかどうか見て、あったら処理を続ければいいだけです。 if (navigator.geolocation) { /* geolocation is available */ } else { alert("ごめんなさい。あなたの居場所はわかりません。"); } 参考： MDC - Geolocation の利用 有線環境と無線LAN環境で精度が違う 有線LANのデスクトップ環境と無線LANのノートPCでは精

webstandard blogで、jQueryを使ったクリエイティブなイメージギャラリーが紹介されています。 ざっといくつかご紹介。 » Full screen Image-Gallery フルスクリーンのクールなイメージギャラリー » ImageRotator クールにローテーションするギャラリー » Content-Gallery 下にサムネイルを配置したデザイン » Galleriffic シンプルなデザイン » Slider 水平方向にスクロールするクールなギャラリー その他のリストは以下からどうぞ。 » Creative Image-Galleries by jQuery 今日も超天気いーですねーーー。バイクで走りまくり。外苑前→白金→品川イマココ。