PageSpeed InsightsThis site uses cookies from Google to deliver its services and to analyze traffic.
アニメーションgifならぬアニメーションjpg/png - rettuce.blog
今日（2011/5/11）のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
capture.atom.js ブラウザでキャプチャしてはてなフォトライフにアップロードするJSActionsスクリプト v.0.0.2b « ku
Share On Tumblr! するときに、サイトのロゴとかはだいたいタグの背景画像として設定されていているので選択できないし、さらに特定の背景色を前提にして画像が作られていたりするのでブラウザでレンダリングした状態でないときれいに表示されないので、ブラウザ上でスクリーンショットをとって、それをそのままatomでアップロードするJSActionsスクリプトをつくりました。 2007.12.1 v.0.0.2b jsactions_2007112102a1で動かなくなっていたのを修正しました。 2007.11.29 v.0.0.2a Firebugがインストールされていないときにエラーが出ることがあるのを修正しました。あと本文中で設定ファイルをcapture.conf.jsにしてくださいと書いていたところがあったのは間違いで正しくはcapture.atom.confでした。taizoooさ
Web フォームの画像ボタンをキーボードで submit した場合
Web フォームの画像ボタンをキーボードで submit した場合 Permalink URL http://www.magicvox.net/archive/2007/06290246/ Posted by ぴろり Posted at 2007/06/29 02:46 Trackbacks 関連記事 (1) Comments コメント (2) Post Comment コメントできます Category [pc][spam]Javascriptを利用したコメントスパム対策 submitボタンを画像にして、画像上のどこを押されたのか位置情報を得る、というのも手軽に出来るし、javascriptなしでいけるためいいなと思うのだけど、これってTabキーとEnterでsubmit押したときにも誤認識されずにいけるのだろうか？ …どうなんでしょう？ というわけで実験してみました。 目次 実験 結果
オブジェクト指向JavaScript - 大きな画像をポップアップ
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jigen.aruko.net/archives/485/
Lightbox Plus
http://openstratus.com/article/38/reflectjs/