[JS]タブの機能性のみを追求したフレキシブルな超軽量スクリプト -EasyTabs
スムーズなアニメーションでタブを切り替え、各タブコンテンツの#リンクにも対応した、タブの機能性のみを追求したjQueryのプラグインを紹介します。 JQuery EasyTabs Plugin デモページ：同じページに複数のタブを設置 [ad#ad-2] EasyTabsの主な特徴 タブの切り替え時にはスムーズなアニメーションが可能 外観はCSSで簡単にカスタマイズ可能 ブラウザのバックボタンとフォワードボタンに対応 各タブは#リンクが有効でブックマークが可能（SEOにフレンドリー） タブは指定された時間で自動切り替え可能 グローバル変数の使用はしていません ページ内に複数のタブコンテンツを設置可能 valid HTML Markup 超軽量（5KB） オープンソース（MIT and GPL licenses） タブのスタイリングはCSSでもJavaScriptでも可能 AJAXコンテンツ
PHPとAjaxを使った軽快ブラウザメールライフを実現できるオープンソース集:phpspot開発日誌
10 AJAX-based & PHP WebMail Clients For a Great User Experience | Noupe PHPとAjaxを使った軽快ブラウザメールライフを実現できるオープンソース集。 好きなアカウントのメールをブラウザで華麗に、軽快に読んで返信したいというニーズに応えられるかもしれないツール集です。 RoundCube Imapクライアント。綺麗なＵＩでアプリケーションライクに動作。そこそこ有名ですね。 Xuheki ほぼメールアプリなＵＩのメーラー。こちらもIMAPクライアント。ツリーとかも再現されてますね Atmail ＵＩまでWindowsアプリそっくりにしたメーラー。IMAPだけでなくPOP3にも対応 afterlogic PHP4.1以上で動作する、POP3対応のMTA Hastymail IMAP対応。プラグインの仕組みで機能強化も可能。
郵便番号等からリアルタイムに地図をサジェストできる「Mapeed.AddressChooser」:phpspot開発日誌
郵便番号等からリアルタイムに地図をサジェストできる「Mapeed.AddressChooser」 2009年01月12日- Mapeed.AddressChooser API documentation | Home 郵便番号等からリアルタイムに地図をサジェストできる「Mapeed.AddressChooser」。 試しに郵便番号を入力していくと、地図がリアルタイムに切り替わって位置を表示してくれます。 入力補完や、正確な緯度・経度の入力に使えそう。 サンプルは、Street, City, Zip Code, State といった感じの英語表記になっていますが、zip code だけであればそのまま使えます。 ライブラリをちょっと変えれば日本語にも対応できそうです。 関連エントリ 超クールな複数アイテムの入力補完用JavaScriptライブラリ クールなJavaScript入力補完ライブラ
暇つぶし＆学習に利用できるJavaScriptで出来たゲーム集:phpspot開発日誌
25 Amazing JavaScript Games (Some Fun And Inspiration) 暇つぶし＆学習に利用できるJavaScriptで出来たゲーム集。 実に多数のゲームがあるようです。 Bunny Hunt Travians Invaders From Mars Solitaire Jetris - JavaScript Tetris PacMan Bomberman Minesweeper ProtoRPG Vox Imperium Real World Racer DHTML Lemmings Battleship Ajax Chinese Chess DHTML Arkanoid Brickslayer Sudoku Video Poker BeSlimed Spacius JavaScript Super Mario Kart GPokr JavaScrip
多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」:phpspot開発日誌
多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」 2008年11月04日- AjaxDaddy - Ajax Examples in Action 多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」。 Flickrライクなインラインエディタ、Ajaxでのインスタント編集textarea、各種オートコンプリート、Macのドック風ＵＩなどがサンプル付きで公開されています。 サンプル付きということで、いちいちダウンロードして試さないでもよいので便利ですね。 タグでの検索も可能で、お好みのライブラリだけを表示し、比較することが出来る。 ライブラリごとにPermalinkが用意されていて（サンプル）、サイト内でサンプルコードも参照できるのが良いです。 Ajax Rain も同様のサイトですが、Perma
フォームのバリデートとAjax送信をスマートに実装できるJSライブラリ「Proto Form」:phpspot開発日誌
Proto Form フォームのバリデートとAjax送信をスマートに実装できるJSライブラリ「Proto Form」 なかなかいいのは、idの値に、_Req とか _Email とかしておくと勝手にバリデートしてくれる点。 title にエラーメッセージを入れるみたい。 <input type="text" id="name_Req" name="name" title="Required! Please enter your name" /> <input type="text" id="email_Req_Email" name="email" title="Required! Please enter a valid your email address" /> <input type="text" id="telephone_Tel" name="telephone" title=
Kawa.net xp - Ajax＆Perl技術情報（川崎有亮）
Kawa.net は、川崎有亮（かわさきゆうすけ）のウェブサイトです。 このサイトでは主に、JavaScript・Perl・ActionScript などの技術情報を載せています。 Kawanet Blog II（ウェブリブログ） でも、日々の知ったこと・思ったこと・試してみたことを書いています。 2012年9月から、 Kawanet Blog III（はてなブログ）に引っ越しました。 国内・海外の技術系カンファレンス Shibuya.pm、Shibuya.js、 YAPC（東京、シカゴ、コペンハーゲン、リスボン、リガ）、OSDC.TW（台北）、 Google Develoeprs Day、Adobe MAX などで講演したり、 The JUI、TokyoCloud などのイベント企画・運営も行っています。 ≫もっと詳しく 著書に、インプレスジャパン『ソーシャルストリーム・ビジネス』（共著
IEでボックス要素を45度傾けることが出来る「Transformie」:phpspot開発日誌
The Sea of Ideas Blog Archive Bringing CSS Transforms to Internet Explorer So I hope I got you a bit excited with my little teaser, and yes, the second tab was opened on purpose to give you a hint.IEでボックス要素を45度傾けることが出来る「Transformie」。 ボックス要素を次のように表示できるみたいです。 Web-Kitの場合は「-webkit-transform: rotate(45deg);」のような指定が出来るみたいなのですが、これをIEで実現したもの。 rotate以外に、scale,scaleX/Y、skwer,skewX/Y、matrix などの指定が可能みたいです。 応用
ITクオリティ JavaScriptの素敵なスライドショー
カッコいい・・・。 PHP Easy Reflections v3とかprototype.jsとか使うそうですが、時間が無いので放置。 サンプルデモはこちら 2008/08/08(金) 12:22:51| ウェブ開発 | トラックバック:0 | コメント:0
[JS]オプションが豊富なアコーディオンのスクリプト -YUI AccordionView widget
YUI AccordionView widgetは、複数のパネルを省スペースに表示できるアコーディオンのスクリプトです。 YUI powered javascript Accordion widget デモ アコーディオンの各パネルはリスト要素で実装されており、オプションではサイズ・アニメーションのスピード・エフェクト・トリガーなどをカスタマイズすることができます。 デザインを変更する場合は、添付されている「skin」フォルダ内の「sprite.png」を変更すると背景やアイコンなどを変更することができます。
Ajax＆PHPでアニメーションするコンタクトフォームを作成するサンプル:phpspot開発日誌
Creating an Ajax contact form - from start to finish :: ENHANCE Ajax＆PHPでアニメーションするコンタクトフォームを作成するサンプル。 デモページを見る 必須入力値を入力しないとエラーになったりする機能はついているみたいだけど、入力値チェックはないみたい。 送信時にフォームが子気味よくアニメーションするため、ちょっとした訪問者への驚きや、フォームデザインに懲りたい人にはよさそう。 HTMLもクリーンなので、CSSでデザインしやすくなってます。 関連エントリ CSSでユニークなコンタクトフォームを作るチュートリアル 携帯サイトのフォーム設計ポイント CSSを使ってファンシーなボタンを作成するテクニック
入力内容をAJAXでチェックするフォームのチュートリアル
ENHANCEのエントリーから、ユーザーの入力した内容をAJAXでチェックするフォームのチュートリアルを紹介します。 Creating an Ajax contact form - from start to finish デモ チュートリアルでは、HTML、CSS、JavaScript、PHPごとにサンプルコードが掲載されており、入力内容のチェックにはjQueryが使用されています。 フォームの各項目はolのリスト要素となっています。 olの順次付きリストは必須入力項目だけではないので違和感がありますが、divよりもいいのかな、と思ってきました。 デモではデータの受信状態まで分からないため、日本語で問題ないかどうかは不明です。
[JS]RSSリーダーからボタンまで、AJAXを使った25のテクニック
Six Revisionsのエントリーから、アプリケーションレベルのものからウェブサイトのパーツまで、AJAXを使用した25のテクニックを紹介します。 25 Excellent Ajax Techniques and Examples Ajax RSS reader AJAX Desktop Ajax for chat Create your own information space with Ajax and del.icio.us Ultra-lightweight Charts For AJAX Quick Calendar Using AJAX and PHP How to integrate Google Calendar in your website using AJAX Edit In Place with AJAX Using jQuery Javascript Lib
![[JS]RSSリーダーからボタンまで、AJAXを使った25のテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
ITクオリティ 30Ajax/JavaScriptサンプル
ITクオリティ 海外で見た物を吐き出すブログ 30Ajax/JavaScriptサンプル 30個ほどAjax、JavaScriptで動くサンプルが公開されています。 30+ Javascript/Ajax Techniques for Sliders, Scrollers and Scrollbars 2008/05/12(月) 20:33:51| ウェブ開発 | トラックバック:0 | コメント:0 <<『RSSアイコンまとめすぎエントリ』これだけあれば2008年末まで決定版 | ホーム | スクロール式ギャラリーFLASHの作成方法>> コメント コメントの投稿 名前: タイトル: メールアドレス: URL: 本文: パスワード: 非公開コメント:管理者にだけ表示を許可する トラックバック トラックバック URL http://gura5.blog120.fc2.com/tb.php/
prototype.jsを利用したスムーズなページスクロール | ユージック
prototype.jsを利用したスムーズなページスクロール 2007年3月14日 最新のPrototype version 1.5.1_rc1と最新のscript.aculo.usのeffects.jsをを使った超簡単でしかも高機能なページスクロールを実現できる記事を見つけたのでご紹介します。 auto-scrolling page navigation 以下のコードをauto-scroll.jsとして保存します。 Event.observe(window, 'load', function() { $$('a[href^=#]:not([href=#])').each(function(element) { element.observe('click', function(event) { new Effect.ScrollTo(this.hash.substr(1)); Event
Ajax、CSS、PHP などのチュートリアルまとめ | WWW WATCH
Ajax、CSS、PHP、Flash、JavaScript などを使用して何か作ろうと思った時に、1からすべて考えるのではなく、他の人が過去に作っているサンプルなどを参考にできたらとっても助かったりします。ということで、これら様々なチュートリアルをまとめたサイトを紹介。Digg 経由。 Tutorials Round-Up: Ajax, CSS, PHP and More ： Smashing Magazine In this post we've covered over 200 Ajax, CSS, Flash, JavaScript, PHP, MySQL, RSS, XML as well as ASP, C++, Perl, Python and Java tutorials. You can also check out our list of Photoshop tutori
コンピュータ略語一覧 - Wikipedia
AAC Advanced Audio Coding AC-3 ドルビーデジタル (Audio Code Number 3) ACK Acknowledge ACL アクセス制御リスト (Access Control List) ACM Association for Computing Machinery ACPI Advanced Configuration and Power Interface ADSL 非対称デジタル加入者線 (Asymmetric Digital Subscriber Line) AE Adobe After Effects AES Advanced Encryption Standard AFS Andrew File System AGP Accelerated Graphics Port AI 人工知能 (Artificial Intelligence) A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
20の優れたAjax効果*ホームページを作る人のネタ帳
http://e0166nt.com/blog-entry-439.html
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
