第17回 アニメーションの基礎 | gihyo.jp
こんにちは、太田です。3回ほどJavaScriptの基礎的な内容が続いたので、今回はグラフィカルなアニメーションについて解説します。グラフィカルなJavaScriptというと、難しい・応用的なイメージがあるかもしれませんが、JavaScriptでのアニメーションとはすなわちCSSを段階的に操作するということで、そのポイントを抑えれば中身は単純なものです。 アニメーションの前提知識 HTMLにおける通常のアニメーションを構成するのは、「特定の要素」に対して、「そのCSSプロパティ」を「ある時点からある時点まで」の時間の中で、「ある値からある値に操作」する、といった要素です。 特定の要素と、CSSプロパティについては問題ないと思います。問題となるのは「時間と値の操作」です。 まず、単純にインクリメントするだけというサンプルを見てみましょう。 良くないアニメーション var y = 0;
jQueryで実現するリッチな表現のメニュー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」
軽量のjavascriptライブラリとして幅広く利用されているjQuery。その機能は多岐にわたり様々なプラグインやパッケージが後悔されていますが、今日紹介するのはjQueryの中でもナビゲーションに絞って紹介しているエントリー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」です。 Horizontal Scroll Menu with jQuery Tutorial 詳しくは以下 ■Spritemenu フェードインやアコーディオンなどのマウスオーバーアクションが付けられるメニュー ■Sexy Drop Down Menu w/ jQuery & CSS FLASHメニューのようなスムーズなアニメーションを見せるドロップダウンメニュー ■A Simple and Beautiful jQuery Accordion Tutor
blogparts framework suzunariを作成しました。 : tech.kayac.com - KAYAC engineers' blog
ようやく会社のブラインドを閉める方法を発見しました。agoです。 弊社ではブログデコというブログパーツのポータルサイトを運営しており、かなりの数のブログパーツを作成しています。 このたび、そこで得られた様々なノウハウを集めて、ブログパーツフレームワークを公開しました。 元々社内でもある程度まとまったライブラリはあったのですが、コードを読まないと（もしくは作成者に聞かないと）不明な機能群と、使用しても一定のJSを記述する必要があるため公開するまでには至っていませんでした。 （社内からは1年以上前から「早めにまとめて公開を」という声があったんですが。。。） そこで、必要な機能をまとめ直し、通常の全画面ジャック程度であればタグのみで実装可能なJSフレームワークを作成しました。 このフレームワークを使用することにより、各種ブラウザでのExternalInterfaceの各種問題や、wmodeによる
Adobe CS3 バージョンJavaScript ファレンス
<body> <h1>Adobe CS3 バージョンJavaScript ファレンス</h1> Last update : 2005/10/9 PM 5:45<br> <br> <div class="description"> Adobe Creative Suite 2 (以後CS3とします)に同梱されているアプリケーションはJavaScriptによって制御することができます。GoLive CS3は独自のものなので除外しますが、それ以外のPhotoshop CS3, InDesign CS3, Illustrator CS3, Bridge, ExtendScript Toolkitはアプリケーション固有部分を除いて同じスクリプトを動作させることができます。このページでは、この共通の部分（コアオブジェクト）のリファレンスを掲載しています。なお、フレームの方が良いという方は<a href
[ ﾌﾌﾇ｡ｿﾍﾅｪ･鬣ﾜ KAYAC BM11 ] ･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､釥�ｺﾝ､ﾎ｣ｵ､ﾄ､ﾎ･ｭ･ﾛ･�
BM11 ･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ BM11 ､ﾇ､ﾏﾂｿ､ｯ､ﾎ･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､�･遙ｼ･ｹ､ｷ､ﾆ､､､ﾞ､ｹ｡｣･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､ﾏ｡｢･ﾖ･愠ｬ｡ｼ､ﾎｳｧ､ｵ､ｬｴﾊﾃｱ､ﾋｼｫﾊｬ､ﾎ･ﾖ･愠ｰ､ﾋﾄﾉｲﾃ､ﾇ､ｭ､�､ﾁ､遉ﾃ､ﾈ､ｷ､ｿ･�･ﾝ･､･ﾈ ･｢･ｯ･ｻ･ｵ･熙ﾎ､隍ｦ､ﾊ､筅ﾎ｡｣ｺﾇｶ皃ﾇ､ﾏﾁｴｲ靂ﾌ､ﾋ Flash ､ｽｼｨ､ｷ､ｿ､遙｢･ﾖ･愠ｰｾ螟ﾎ HTML ､ｭｴｹ､ｨ､�､筅ﾎ､ﾊ､ﾉ｡｢ｶﾅ､ﾃ､ｿ､筅ﾎ､篦ｿ､ｯｸｫ､ｫ､ｱ､�､隍ｦ､ﾋ､ﾊ､ﾃ､ﾆ､ｭ､ﾞ､ｷ､ｿ｡｣ ､ｳ､ﾎ･ｨ･ﾈ･熙ﾇ､ﾏ｡｢･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､ﾎ JavaScript ､ｯｾ螟ﾇｵ､､ﾄ､ｱ､�､ﾙ､ｭ｡｢･ｭ･ﾛ･讀ﾎ･ｭ･ﾛ･ｵ､ｫｾﾋ､ﾞ､ﾈ､皃ﾞ､ｹ｡｣ 1. ﾌｾﾁｰｶﾖ､ﾎｽﾅﾊ｣､ﾋｵ､､ﾄ､ｱ､隍ｦ
jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 （一部jQueryではなく、DOMの仕様上の制限も含まれています） 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 （たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します） 確認する ちなみに、$().findや$().notはstring以外も渡せるた
window.onloadの代替スクリプト
Updated Entry: http://p2b.jp/200805-events-order 今日は七夕Wですね。小学生の頃は、学校総出で「♪笹の葉さーらさら〜」ってやって、七夕伝説に思いを馳せたものですが。いつになってもガキの頃の心を忘れない大人でいたいものです。 さて、Ajaxの隆盛によって、その根幹であるJavaScriptはブログに欠かせないものとなっています。ppBlogも例外ではなく、至るところで活躍してます。一般にブログの(トップ)ページは、色々な情報を詰め込んでいるために、ファイルサイズは大きくなる傾向にあり、また、画像も至るところで使われるために、読み込むべきコンテンツサイズは更に大きくなります。ブロードバンドが当たり前の今日でもページの表示にちょっと待たされるのは珍しいことではありません。で、JavaScriptは(画像も含めた)ページの内容物が全部読み込まれた後に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オシャレJS3つ！ - 面白法人カヤック的ディレクターブログ