ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」
ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。 simple-page-peel-effect-with-jquery-css 全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。 詳しくは以下 ■sexy-curls-jquery-plugin ■jquery-page-peel-12 ■pcandweb-page-peel-for-wordpress ■wordpress-page-peel-plugin RSSや広告など特に見せたい部分注目させたい部分を埋め込むことが多いみたいです。
クールにデザインされた多機能LightBox「ColorBox」:phpspot開発日誌
ColorBox - customizable lightbox plugin for jQuery クールにデザインされた多機能LightBox「ColorBox」 もう成熟してきたこの分野ですが、ColorBoxはなかなか多機能かつクールなようなのでご紹介。 単一の写真表示 写真をグループ化してページ送り機能 AjaxでHTML取得 インラインＨＴＭＬも可能 ビデオ埋め込み IFRAMEで外部ページの埋め込み 機能も勿論多機能でいいのですが、デザインが色々と選べるところがいいです。 以下、３つのテーマが基本テーマ以外に用意されているみたいです。 シンプル調 Apple風(?) シンプル調2 カスタマイズして簡単にデザイン変更もできそうです。 jQueryプラグインで、MITライセンスとのこと。 関連エントリ カスタマイズできる多機能LightBox「Lightview」 表示法が新しく
Let me have a blog: haccordion, a simple horizontal accordion plugin for jQuery
I need one menu with horizontal accordion, but the plugins that I have looked doesn't like me, too much requirements or code, really I need something more simple, so in few minutes I write a simple plugin.v0.1It is very simple, with a few parameters: speed set the velocity of the animation, headerclass set another classname for header divs (by default "header"), contentclass set another classname
jQpanels - AndreaCfm
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec facilisis semper lacus. Pellentesque sed augue a augue pharetra pharetra. Suspendisse eu mi. Cras molestie eros eu justo. In placerat nunc a quam. Phasellus dictum facilisis dui. Maecenas sed tortor. Phasellus egestas ligula auctor elit. Vivamus metus. Curabitur fringilla. Nam massa ipsum, venenatis quis, euismod a, vulputate id, dolo
[JS]デザイナーのためのjQueryのチュートリアル
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。
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
JavaScript(AJAX)・スタイルシート サンプル集 Spry framework for Ajax - SpryEffects
SpryEffectsとは スタイルシートを駆使して色々な見せ方を最近はするようになってきましたが、SpryEffectsは代表的なエフェクトを簡単に扱えるようなライブラリです。 YUI Animationと本質は変わりませんが、Spry.Effect.Shake などのように、あらかじめ使いそうなEffectが用意されている点で便利な場合もあるかもしれません。YUI Animationを使って書けなくもないがすでにあるのなら書きたくはない:-) SpryEffectsを使う前準備 必要なのは１つのファイルです。もちろんインストールは済ませておく必要があります。 <script type="text/javascript" src="your install path/SpryEffects.js"></script> Spry1.3 現在で使えるEffect AppearFade opa
[JS]サイトのアクセントに使えるスクリプトを収集しているサイト -Hot! Ajax
Hot! Ajaxは、jQuery、mootoolsのプラグインやlightbox系スクリプトをはじめ、サイトのアクセントに使えるさまざまなスクリプトを収集しているサイトです。 Hot! Ajax Hot! Ajaxにエントリーされているスクリプトは、「jQuery」「mootools」「Lightbox」「いろいろ」にカテゴライズされています。 それぞれのスクリプトには、キャプチャやダウンロード・デモページへのリンク(デモがある場合も有り)が掲載されています。
とても便利なJavascript / Ajaxチートシート集『Javascript/Ajax cheat sheets』 – creamu
Javascript やAjaxのチートシートが見たい。 そんなあなたにおすすめなのが、『Javascript/Ajax cheat sheets』。とても便利なJavascript / Ajaxチートシート集だ。 このエントリーでは、JavascriptやjQuery、ScriptaculousやMootoolsなど、たくさんのチートシートが紹介されている。 かなり使えるのではないだろうか。 とても便利なJavascript / Ajaxチートシート集、チェックして使っていきたいですね。 奥田民生のニューアルバムを借りてきてテンション上がってきました。
Flashや動画にもlightbox効果をあたえてくれるJavascript『Shadowbox.js』 | CREAMU
画像だけでなく、Flashや動画もかっこいいインターフェースで見せたい。 そんなあなたにおすすめなのが、『Shadowbox.js』。Flashや動画にもlightbox効果をあたえてくれるJavascriptだ。 『Shadowbox.js』では、画像やFlashや動画をクリックすることで、周りがグレーアウトするインターフェースを作ることができる。 周りがグレーアウトすると、Flashや動画が映えてとても綺麗だ。 以下のブラウザに対応しているほか、 ・Firefox 1.5+ ・Camino ・Safari 2+ ・Opera 9+ ・Internet Explorer 6+ ライセンスは GNU Lesser General Public License となっている。 かなり使えるJavascriptではないだろうか。 Flashや動画にもlightbox効果をあたえてくれるJava
AJAXを使った素晴らしいCSSフォームの47のサンプル | コリス
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
InfoQ: JavaScriptへのマルチスレッド・プログラミングの導入
function backgroundLoad ( ids ) { for ( var i=0; i < ids.length; i++ ) { var a = getArticleWithCache(ids[i]); backgroundLoad(a.children); } } このbackgroundLoadはIDの配列を引数に取り、その各IDに対して上で定義したgetArticleWithCacheを呼び出します。これでIDに対応する記事のデータがキャッシュされます。そして読み込んだ記事の子記事のIDに対してbackgroundLoadを再帰的に呼び出すことで、ツリー全体をキャッシュすることができます。 ここまですべてうまくいっているように見えます。しかし、一度でもAjax開発を経験したことのある方ならば、これではうまくいかないということはすでにおわかりだと思います。これまでの例で
[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu
JavaScriptレスなAjax開発ツール：「Gaia Ajax Widgets Victory Version」
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Frost Innovationは11月15日、ASP.NET向けのAjax開発ツール「Gaia Ajax Widgets」の新バージョン「Gaia Ajax Widgets Victory Version」をリリースした。 Gaia Ajax WidgetsはASP.NETおよびMono向けのAjaxウェブアプリケーション開発ツール。データグリッドやツリービュー、カレンダー、チャットクライアントなど27以上のAjaxのコントロールやウィジェットが含まれており、JavaScriptのコードを書かずにAjaxアプリケーションを開発することが可能だという。また、設定も必要なく、ほかのASP.NETのコントロールと同じように簡単に利用できると
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
devarea.nl
Spry Effects Transitions Sample
Lightboxスクリプトいろいろ - DesignWalker