最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3QPreloaders.net - Loadin... / Iconizer.net | Free icon... / Ultimate CSS Gradient Ge...他...全6件
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」:phpspot開発日誌
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 2010年03月31日- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 「MSN Image Search」は画面遷移なしに画像をガンガンよんでくれて、スクロールすれば次の画像を見れるためストレスが少なく、画像を探せます。 これと同様の機能を実現するためのjQueryプラグインのご紹介です。 デモページはこちら。スクロールすると次の画像を読んでいっているのが分かると思います。 Ajaxで次の内容を読むので、一回における転送量を少なくした上で、利用者には画面遷移なしの利便性を提供出来ると言うわけですね。 垂直方向だけでなく
FlashではなくjQueryで！インパクトのあるUIを作ろう (1/5)
もう間もなく投開票を迎える米国の大統領選挙。候補者である共和党のジョン・マケイン氏、民主党のバラック・オバマ氏の両者のWebサイトを見ると、インターネットを重要な選挙ツールとして位置づけていることが伺えます。ネットを使った選挙活動が制限されている日本とは事情が異なるせいもあるでしょうが、両者ともに公式サイトの充実ぶりがすごいのです。ブログや動画の活用は当たり前。グッズのネットショップや、サポーター向けのコミュニティ機能など、ちょっとしたポータルサイトのような凝った作りです。 そんな気合の入ったWebサイトだけに、デザインの面でも参考になる面が多々あります。今回は特に、Ajaxを活用したユーザーインターフェイスを持つ、オバマ候補の公式サイトをお手本とさせていただきましょう。 今回のお手本サイト： 『Barack Obama and Joe Biden』 11月4日に開催される米国大統領選挙に
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
MOONGIFT: » 要チェック！GUI並みのローカルで動くAjaxグループウェア「Zimbra Desktop」:オープンソースを毎日紹介
現在、様々なローカルアプリケーションがWebベースで提供されるようになっている。メール、グループウェア、表計算ソフトウェアとその範囲はどんどん拡大している。オフィス内におけるOSの選択肢も広がっているので、OSに比べると互換性の高いブラウザベースで動作するのは嬉しい限りだ。 メール Webベースと言っても、必ずしもサーバ上で動かなければならない訳ではない。こちらはローカルで動作するWebベースのアプリケーションだ。 今回紹介するオープンソース・ソフトウェアはZimbra Desktop、Ajaxを使ったデスクトップ向けグループウェアだ。 Zimbra DesktopはYahoo! Inc.に買収されたZimbraが提供するソフトウェアで、Outlookに近いソフトウェアだ。メール、アドレス管理、カレンダーと言った機能が提供されている。メールはGmailやYahoo!メール（有料版）、AOL
iCarousel - Simple news ticker
iCarousel - Horizontal images slider by Fabio Zendhi Nagao (http://zend.lojcomm.com.br) Example VI. Horizontal images slider HTML <h3>VI. Horizontal images slider</h3> <div id="example_6"> <ul id="example_6_content"> <li class="example_6_item"><a href="#"><img src="images/ex6_1.jpg" alt="slide 1" /></a></li> <li class="example_6_item"><a href="#"><img src="images/ex6_2.jpg" alt="slide 2" /></a></l
とても便利なJavascript / Ajaxチートシート集『Javascript/Ajax cheat sheets』 – creamu
Javascript やAjaxのチートシートが見たい。 そんなあなたにおすすめなのが、『Javascript/Ajax cheat sheets』。とても便利なJavascript / Ajaxチートシート集だ。 このエントリーでは、JavascriptやjQuery、ScriptaculousやMootoolsなど、たくさんのチートシートが紹介されている。 かなり使えるのではないだろうか。 とても便利なJavascript / Ajaxチートシート集、チェックして使っていきたいですね。 奥田民生のニューアルバムを借りてきてテンション上がってきました。
jQuery.lightBox を画像ファイル以外にも対応させる - dogmap.jp
素晴らしいです。動作がとても軽いのがGoodです。 ありがとうございました。 お礼かたがた、ずうずうしくも要望がありまして、コメントさせて頂きました。 できれば、pdfファイルにも対応していただけると、とても嬉しいです。 バージョンアップのときにご検討頂ければと思います。 ピンバック: LightBox風に iframe を表示 | メシウマ状態 飯の旨いおかずがてんこ盛り 自サイトのリンク(sjis)をlightpopで表示させた際文字化けしてしまいます。 ajaxでページデータを取得しているためかと思いますが、iframeも検討してみてはいかがでしょうか？？ うーん、iframe って好きじゃないんですよね。 どうしてもと言うことであれば、fileTypes 配列の一番最後を ,{ type: 'Contents' ,match: function(strUrl){return tru
For Web Designers - Website Design Resources
User submitted list of design resources for web designers and developers.
超簡単に画像にlightbox効果を与えられる『jQuery lightBox plugin』 | CREAMU
画像をクリックすると拡大してポップアップするデザインにしたい。 そんなあなたにおすすめなのが、『jQuery lightBox plugin』。超簡単に画像にlightbox効果を与えられるjavascriptだ。 『jQuery lightBox plugin』は、とてもシンプル。 <div id=”gallery”></div>といったタグで囲み、その中にimgタグを入れるだけで簡単にlightboxを実装できる。画像一つ一つにclassを割り当てたりする必要がなくていい。 また、カスタマイズも可能で、背景色を白以外に変えたり、透過度を変更したりすることができる。 サイトやブログのデザインを一歩前に進めるのに使えるのではないだろうか。 超簡単に画像にlightbox効果を与えられるjavascript、チェックして使っていきたいですね。 本を買いました。斉藤和義の初めての本な気がする。
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
Flex2,ActionScript3.0が優れている9の理由とAjaxとの差
はじめてのActionScript3.0プログラミング、ニコニコ動画みたいなものを作ってみるテストと問題点を通じて、「Flex2,ActionScript3.0が優れている」と感じた部分をあげてみます。 今まで「Flash」と聞くと、 「重い」「遅い」「ウザい」と言った印象が拭えませんでしたが、Flex2,ActionScript3.0に進化したことにより、今までのFlashのイメージよりもはるかに良いものとなっていました。 Flash8に比べ、実行速度が10倍も早い 「今までより10倍早い！」と言われれば、プログラマーなら誰もが興味を持ってしまうすごさです。AS2からAS3に進化したことにより、10倍速が実現されました。 本格的なオブジェクト指向言語である オブジェクト指向開発により、わかりやすく再利用可能な形で開発しやすくなっています。Javaとも似ているため、ケータイ向けJavaアプ
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Think IT] 第1回：Ajaxの基礎知識 (3/3)
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
IDEA * IDEA
dhteumeuleu
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
http://youmos.com/news/dfsmoothscroll