注目のAjax情報のポータル
Fluid Width YouTube Videos | CSS-Tricks jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード。 ビデオの幅を自由に調整できるので、幅が変わったとしても簡単にページレイアウトになじませられます。 jQueryベースのコードで簡単に対応できる... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。A Closer Look at Choosing Between... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/08/09 16:45:00 coliss.com |
|
画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQueryプラグイン が沢山あるのと、探してる方が直ぐ に見つけられるように、という事で リンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/08/05 4:47:33 kachibito.net |
Michael Galpin は eBay のアーキテクトであり、developerWorks に頻繁に寄稿しています。彼は JavaOne、EclipseCon、AjaxWorld など、さまざまな技術カンファレンスで講演を行っています。彼が次に取り組もうとしていることを知るには、Twitter... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/08/03 4:48:50 www.ibm.com |
カスタマイズも柔軟にできそうなのでメモ的にエントリー。いつか使おうっと。jQueryプラグインの「Pines Notify」を使えば簡単にGrowl風のアラートメッセージを実現してくれますよ。↑ こういうヤツ。もちろん見た目や位置も変更可能です。ちょっとしたお知らせをこうして表示できればおしゃれか... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/06/01 16:45:08 www.ideaxidea.com |
GoogleからいろいろなAPIが出てきましたね…。位置情報やStorageもすごいですが、Font APIなるものが特に話題のようですね。このAPI、Google経由でいろいろなフォントが使えちゃう、という優れものです。まだフォントの数は少ないですが、近い将来日本語のフォントも出てくるのではない... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/05/21 16:45:09 www.ideaxidea.com |
Posted in Web at 15:46:53 by ジュンヤ 以前書いた» つくるぶガイドブログ: ひとりサービスをリリースするまでやっておくこと10個やつくるぶガイドブログ: ひとりサービスをリリースするまでやっておくこと10個 : 僕は発展途上技術者を読んでいて、更新したくなった。以下は... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/04/17 16:44:57 blog.champierre.com |
RSS情報をサイト内に表示させる方法ですが、紹介するのはJavaScriptで表示させる方法です。使用するスクリプトは、「Google Ajax Feeds API」を活用します。GoogleがAPIを公開してくれていますので、これを利用すれば簡単に表示させることが可能です。 自分ののサイトに設置... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/03/15 4:44:59 forty-n-five.boy.jp |
|
JavaScript, Firebug, tipsFirebugでは条件付きブレークポイントが使えるので、scriptタブにて該当行にブレークポイントを貼り、条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。console.debug('this.lastPositi... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/02/25 4:45:01 d.hatena.ne.jp |
こんにちは。開発部でインターフェースエンジニアをやっております油井(あぶい)です。ライブドアでは主にjavascriptを中心としたクライアントサイド側の開発をやっております。 今回は裏jQueryと題しまして、普段から単にユーザーとして使っているだけでは決して知ることができないjQueryの裏技... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/02/23 16:45:07 blog.livedoor.jp |
以前にも似たようなものを紹介しましたが、こちらも使いやすそうなのでエントリー。jQueryからGoogle Mapsを扱えるようにしたものですね。バルーンやらアイコンやらをカスタマイズできるのが良いですね。↑ マークアップもわかりやすいっす。ダウンロード＆詳細は以下からどうぞ。» gMap – G... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Web屋のネタ帳Ｗｅｂビジネスに必要な「戦略」「システム」「デザイン」の３要素とそれらをまとめる「マネジメント」について現場の実感と独自の観点でお送りするコラム・・・のはずなんですが、要するにＷｅｂがらみのシステム＆デザイン業界に関する小ネタとツッコミの雑記です。「ボタンの二度押し対策」とか「二重... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
第5回「パワフルなCSS/JavaScriptテクニック45」」 2010年01月05日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http:... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/01/27 4:45:03 www.mdn.co.jp |
ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。サーバーの... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
|
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」2010年01月08日-jQuery 'Notify bar' Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/01/11 16:45:02 phpspot.org |
Flashを使わずにアナログ時計を作りたい。そんなときにおすすめなのが、『A Colorful Clock With CSS & jQuery』。CSSとjQueryで作る、カラフルなアナログ時計です。1秒ごとに数字と、画像が動いている見せ方ができますね。仕組みは以下のようになっています。すごいな... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
※この記事は「Web制作の現場で使えるjQuery UIデザイン入門」の第24回です。過去の記事もご覧ください。Googleの検索結果のように、長いリスト項目を複数のページに分割して表示することを「ページング」（Paging）と言います。ページング処理では下部にナビゲーションリンクを配置し、クリッ... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/17 17:10:02 ascii.jp |
Facebookのようなかっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『20 Excellent Facebook Scripts and Resources』。Facebookスタイルのインターフェースを実装するスクリプト・素材20です。とてもかっこいいのが揃っていますよ... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/17 9:10:04 blog.creamu.com |
![[JS]画像をクロスフェードで変更するスライドショーの超軽量スクリプト -Simplest Slideshow | コリス フィード](/thumb/371456.png)
余計な機能は一切なく、シンプルで画像を洗練されたエフェクトで次々に表示するスライドショーのスクリプトをSnook.caから紹介します。Simplest jQuery Slideshow demoこのスクリプトを作成したきっかけは、知人からの依頼だそうです。当サイトでも多数紹介しているjQueryの... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/15 17:10:04 coliss.com |
JSDeferredで，面倒な非同期処理とサヨナラ第1回 JSDeferredによる簡単非同期処理2009年12月2日cho45javascript, 非同期処理12どうもはじめまして，株式会社はてなのid:cho45です。これから数回に渡り，拙作のJavaScriptのライブラリであるJSDef... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/07 1:10:06 gihyo.jp |
※この記事は「Web制作の現場で使えるjQuery UIデザイン入門」の第21回です。過去の記事もご覧ください。「フローティングウィンドウ」は、Webページ本文に重ねて表示し、ドラッグ＆ドロップ操作で移動できる子ウィ ンドウのことです。といっても、ブラウザーの画面内にウィンドウのように表示するだけ... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/01 13:10:04 ascii.jp |
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」2009年12月01日-GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
『 マリオに出てくるネッチー思い出した/パクってやったぜヒヒヒhttp://wonderfl.net/code/9b3b5c91b52a3329d0383658c9a6faffec69d53d 』 [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/19 17:11:04 toki-woki.net |
![[CSS]スタイルシートで実装する、アイデア溢れる画像ギャラリー | コリス フィード](/thumb/357485.png)
まるでFlashやスクリプトを使用したかのようなスライドのエフェクトがスタイリッシュな画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。Slideshow by numbers demoデモでは画像ギャラリーの領域にマウスをホバーすると、画像に対応した数字が表示され、それぞれの... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/13 5:10:00 coliss.com |
『 アセンブラみたいな関数・ループの展開してまで速度をかせぐのはなぁ…もうそこしか手を入れるところがないって時だけかな。ローカルにキャッシュってのはかつてamachangさんが書いた一行で高速化できるテクですね。 』 [ 詳細 ] [ 関連 ] [ ニコニコ ] |
超カッコいいApple風スライドショーギャラリー作成チュートリアルが公開されています。 次のようなカッコいいスライドショーが作れます。 デモページ コーポレートサイトのページのヘッダーなんかに入れ込むといい感じになるかもしれませんね。 以下のエントリを参照してください。 A Beautiful A... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
ちょっと個人的メモ。こういうの作りたかったので。jQueryでタブメニューを作る方法です。タブの内容に応じて拡大・縮小をアニメーションで表現してくれます。↑ こういうタブメニューです。FadeIn、FadeOutしてからサイズを変える、ということですな・・・。ちょっと使ってみよう。詳細＆ダウンロー... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」2009年10月21日-Long Dropdowns 縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」 ドロップダウンメニューは限られたスペース内... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
※この記事は「Web制作の現場で使えるjQuery UIデザイン入門」の第16回です。過去の記事もご覧ください。「ツールチップ」は、テキストや画像の上にマウスカーソルを重ねたときに「ふき出し」のように補足テキストを表示するUIです。ツールチップ自体は、title属性やimg要素のalt属性にテキス... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]jQueryのプラグイン33+1選 -2009年10月 | コリス フィード](/thumb/349493.png)
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。Image Overlayテキストなどのパネルを画像の上にオーバーレイ表示します。dumbcrossfade打ち出し画像をフェードで次々に変更 [...] [ 詳細 ] [ 関連 ] [ ニコニコ ] |