TOP > WebDesign > デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」 非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。 Equal-Height Columns 例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。 詳しくは以下 ・Rounded corners without the HTML mess(角丸を簡単に作る) ・Scrolli
Tweenerクラスのバージョンアップにより、前に書いた記事『Tweener.addTweenの使い方』と利用手順が一点変わりました。 また、パラメータを変えたときのTweenの変化がわかるようなswfを作りました。 手順 1.import Tweenerクラスをimportします。 import caurina.transitions.Tweener; 2.addTweenメソッド呼び出し 次のように記述するとmyMcがx:50、y:50に向かって透明になりながら移動します。transitionはイージングの指定です。 Tweener.addTween(myMc, {x:50, y:50, alpha:0.2, transition:"easeinoutquad"}); 次のswfではaddTweenメソッドのパラメータを操作して動きの確認ができます。 バージョンアップ (2
Effects Codeでは、フラッシュやAction Scriptの知識が無くてもXMLファイルを編集するだけで使用できるフラッシュのエフェクト集を配布しています。
spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記: 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ(IE8, Fx2.5, Chrome2)を更新しました。 2009年2月23日 ver.3.0.6をリ
どうやら近頃、ポストTweenerとして期待を集めているTweensy。 参考記事 Tweensy トゥイーンライブラリが面白そう(trick7) Tweensyが早いらしい(storage.goodmix) TweensyとSWF Profiler(Relishable Blog) Tweensy Originalを使って、イージングパラメータテスト & コード生成できるようなものを手始めに作っておいた。 パラメータ変化させて『tween開始』を押すと、実行。 次のようなソースが生成されます。 Tweensy.fromTo(testObj,{x:15,y:15}, {x:350, y:250},2,Back.easeIn,0); パラメータは順番に、次のようになります。 Tweenさせるインスタンス、 Tween開始位置、 Tween終了位置、 Tween所要時間(秒)、
Tweensy Tweensyというトゥイーンライブラリが早いらしいです。 以下の比較デモを見ると、オブジェクト数が1000個を超えた位で速度差明らかになってきて、4000個ではTweenMaxが平均12fpsに対してTweensyは平均30fpsを維持しています。 特に、FlashPlayerの動作が遅いと言われるMacOSXで見ても、デモの最大数である5000個で28fpsを維持し続けるのは驚愕です。 Tweensy&TweenMax比較 基本的な使い方はTweenerやTweenMaxと同じような形式です。 import com.flashdynamix.motion.Tweensy; Tweensy.to(myInstance, {x:500}); Tweensy.from(myInstance, {x:500}); Tweensy.fromTo(myInstance, {x:
Зеркало Марафон марафон вход сейчас Зеркало Марафон «Marathonbet»: как найти альтернативное работающее зеркало сегодня Букмекерская контора «Марафон» является одним из топовых беттинговых операторов России, что подтверждается высокими позициями в рейтинге SocialBet. Однако стоит различать легальную в России БК «Марафон» (marathonbet.ru), и оффшорного организатора азартных игр «Marathon» (marathonb
これを書いてから Fuse Kit を使い始めてみたところ、一部、特に Shortcut クラスと ZigoEngine.simpleSetup メソッドの扱いで嘘を書いてたことに気づきました。今は直してありますが、もし以前に読んでいた方がいましたらご注意ください。 特に skip_level について大嘘を書いてました。trick7.com blog さんを拝見して、修正しています。 ちなみに今は、その trick7.com blog さんにてこの日記の元になったサンプルの fla ファイルが全て日本語訳されているので、詳しくはそちらを参考です。 Flash のトゥイーン弄りライブラリで今最もアツイものの一つは、やはり Fuse Kit でありましょう。しかし残念ながらオフィシャルには、まともなドキュメントが、 くそ簡単なチュートリアル(PDF) いきなりライブラリリファレンス しかない
AS3初心者でもわかるTweenerの使い方まとめメモ 社内向けメモも兼ねて。インスタンスmc_targetを例に書きます //まずはimport(Tweenerを使う所にまず書く) import caurina.transitions.Tweener; //mc_targetのxを100に移動 Tweener.addTween(mc_target, {x:100, time:1, transition:"easein"}); //mc_targetを青に着色 Tweener.addTween(mc_target, {_color:0x0000FF, time:2, transition:"easein"}); //tweenの開始を遅らせる Tweener.addTween(mc_target, {_color:0x0000FF, time:2, delay:1, transition:
前のんがアホすぎるのでまともなことも書いておく。 はい。Tweener の隠し(?)プロパティのお話。隠しつってもいまんとこドキュメントに書いてないだけで、そのうちつかえるようになると思う。たまたまソースをのぞいてたら発見したよ。 その隠しプロパティは transitionParams ってやつで transition プロパティのパラメータだな。そのまんまだな。transiton に Elastic 系 (Equations.easeOutElastic とか) もしくは Back 系 (Equations.easeOutBack とか)を指定したときに、イージングの微妙な調節ができるようになるですね。 Elastic 系 の時に指定できるのは period と amplitude の 2 つ。period はビヨーンってなる時間かな。amplitude はいまいちよくわからん。。こんな
今、Flashをいじってるのですが、便利でしょうがないライブラリとかを使う時にいろんな条件でどの組み合わせで使うか迷ったのでメモ。 こんな時はActionScript2.0 Flash Playerを8以下にしたい(しないといけない)場合 制作・開発環境がFlash 8以下の場合 共同制作する仲間、取引先の環境に合わせないといけないとか 問題無いなら断然ActionScriot3.0 制作環境がAS3に対応してる デザイナーさんはFlash Cs3 システム側はFlex2 Flash Player 9で構わない 先進的なサイト、もしくは個人サイト いろいろ探してみたのをメモ的にまとめてみた。 もっと良いライブラリもあると思う。(知ってる人はぜひコメントを!) ライブラリ等 AS2 AS3 Framework
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く