Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
:zeroviewを公開しました - Underconstruction by Taiyo
Safari、iCab、OmniWeb、シイラなどのWebKitを用いているブラウザで使用できるブックマークレット、[0]:zeroviewを公開しました。 [0]:zeroview ブックマークレットを起動すると、ページ（body要素）を縮小します。 縮小されたページの上にウインドウサイズを示す枠が表示されますので、この枠を見たい場所に合わせてクリックすると、ページの拡大率が元に戻って枠を合わせた位置を表示します。 ブックマークバーの左側に追加すると、Command＋数字キーで起動することができます。tumblrやFlickrなどの縦に長いページのナビゲーションに使うといいかもしれません。 使い方は以下の動画を見てください。 Adobe系アプリケーションのCommand+0が全体表示するところから、[0]:zeroview（ゼロビュー）という名称にしています。 実はこの表示、Nokia
Interface.jsで簡単スムーススクロール - Emotional Web
This domain may be for sale!
顔にエフェクトをかけてプライバシーを守るWebサービスの作り方
最近、OpenCVを使った顔認識が流行っているようです。 顔認識ができるということは、アレができるわけです。 「顔にモザイク！」 Web上で写真を公開するときは、プライバシーを守る必要があるため、顔は隠しておいた方が良い場合があります。 そんな時に、「顔にエフェクトをかけるWebサービス」があれば便利です。 例えば、こんな風に… （spiritlooseのはてなダイアリーさんの写真を使わせてもらいました） というわけで、今回は「顔にエフェクトをかけてプライバシーを守るWebサービスの作り方」をまとめてみます。 1.OpenCVインストール 2.Image::ObjectDetectインストール 3.OpenCV、Image::ObjectDetectのインストールにつまいたとき 4.Imagerを使いこなす 5.顔を塗りつぶすサンプルプログラム 6.顔に特定の画像を貼り付けるサンプルプログ
ハイライト処理 - Cheese Pie
script.aculo.usのソースでエフェクト処理の勉強中。 基本になりそうなハイライト処理に関して。 script.aculo.usはパッと見わかりづらいのでもう少し簡単に書き直していきたい。 ハイライト処理は#ffffffなどのハイライト色と終了時の色を赤(R)・緑(G)・青(L)の三部分に分け、ハイライト色からそれぞれの色をステップごとに終了時の色に近づけていくことで出来る(・・のかな？)。 処理の際はsetTimeout(func, time)使えばそれっぽくなりそう。 変色処理時には16進数→10進数、表示時には10進数→16進数と三色を適宜変換する必要がある。 // HexaToDec('#ffffff') function HexaToDec(val) { var colors = []; colors.push(parseInt(val.substring(1,3),
[JavaScript] グロー効果
[JavaScript] グロー効果 Permalink URL http://www.magicvox.net/archive/2007/01191253/ Posted by ぴろり Posted at 2007/01/19 12:53 Trackbacks 関連記事 (0) Post Comment コメントできます Category HTML 要素に周囲がぼやっと発光しているような視覚効果であるグロー効果(glow effect)を付与するための JavaScript を作ってみました。
![[JavaScript] グロー効果](https://cdn-ak-scissors.b.st-hatena.com/image/square/455143c66c43b1d82016019e2032d6ea9a49297e/height=288;version=1;width=512/http%3A%2F%2Fwww.magicvox.net%2Farchive%2F2007%2F01191253%2Fcover.jpg)
WNLike
■GA-BBS管理人 新ライブラリを発表。 2007年1月28日夜、GA-BBSの管理人nuFuaueは、Webサイト上で文字の拡大縮小を行うJavascriptライブラリ『WNLike』を発表した。 このライブラリは、人気ゲームハードWiiのニュースチャンネルの文字の拡大縮小のように、文字ごとに移動する演出を行うが、処理速度が遅いこともあり実用性には疑問の声も上がっている。 wnlike.js
ページ中の画像群で遊ぶJavascript | 秋元@サイボウズラボ・プログラマー・ブログ
via digg ロシアからのJavascriptネタ。 Google Imageの検索結果など、画像がたくさんあるページで、アドレスバーに以下のJavascriptをペーストして実行すると、おもしろい効果が出る。 javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setI
script.aculo.us Quick Reference -- Johnny’s Thoughts
This quick reference guide is a work in progress. I’ve been working with the script.aculo.us framework directly in a project that I’m working on, and this guide is the result. I’m trying to make it more user-friendly and interactive. Installation Effects Controls Copy all the script.aculo.us files into a directory. I called mine “js” <script src=”js/prototype.js” type=”text/javascript”></script>
script.aculo.usのEffectで実行タイミングをずらす - Enjoy*Study
script.aculo.usのEffect(effects.js)を使って、イベント発生タイミングから少しずらしてエフェクトを開始したくて、こないだこんなふうに書いていました。 // 500ms後に実行 setTimeout(function(){ new Effect.Appear($('elm'));}, 500);別にこれでも思った動きをしますが、Effectでオプションとして開始タイミングを指定出来ることを今知りました。。 new Effect.Appear($('elm'), {delay: 0.5});オプションにdelayで秒を指定すると、エフェクトの開始を遅らすことができます。 無駄なタイマ生成する必要がなくなるので、こっちがいいですね。 ちなみに、Effectを複数生成したからといって、タイマが複数生成されることはありません。 ちゃんと、一つのタイマ(setInterv
ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記
仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, { Move: [element, {x: 300, y: 0}] }, { Move: [element, {x: 0, y: -300}] }, { Move: [element, {x: -300, y: 0}], next: 1 } ] ); planner.start(); こうなる http://sample.ecmascript.jp/20060523-00.html たとえば、こう書くと var col
JAVASCRIPT MOTION TWEEN
TweenConstructorMethodsExampleEasing functionsExampleEventsEvents listenersColorTweenConstructorExampleOpacityTweenConstructorExampleTextTweenConstructorExampleSequenceMethodsEventsUsageExampleParallelSee it in action The Tween class CONSTRUCTOR var t = new Tween(object,property,easing,start,end,duration,suffixe); object: type:Object The object you want to modify. It can be any object, a visual ob
#!shebang.jp : Yellow Fade Technique
November 14, 200515:50 Yellow Fade Technique カテゴリ技術ネタ 最近、よく見かけるので prototype.js 使って実装してみる。 fat.js ってもっと便利なやつもあるけど、単純にやってる事がよく分かるように実装してみたつもり。 エフェクトをかけたい要素の id を指定して、 <script type="text/javascript"> new Fade('id'); </script> みたいな感じで使う。 var Fade = Class.create(); Fade.Colors = ['#ffff99', '#ffffaa', '#ffffbb', '#ffffcc', '#ffffdd', '#ffffee', '#ffffff',]; Fade.prototype = { initialize: function(eleme
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
Prototype.js - Effectサンプル
これはオブジェクト指向JavaScriptライブラリ PrototypeのEffectのサンプルです。付属のサンプルにちょっと手を加えてちょっ と日本語訳したものです。 Effect.Fade() & Effect.Appear() 呼び出し方法 new Effect.Appear(element) new Effect.Fade(element) コード例 onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3D Thumbnail Hover Effects
http://youmos.com/news/reflector
Spinelz - JavaScript libraries