はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
iAnime.js のドキュメントがようやく完成
v.28でようやく一段落したiAnime.jsだが、ドキュメントもようやく数日遅れで完成。コードを書くのは楽しいが、ドキュメントを書くのはけっこう大変だ。まだまだやりたいことはたくさんあるのだが、コードばかり書いているとドキュメントが大幅に遅れてしまうので、ここで一度キャッチアップ。 ちなみに、ドキュメントは以下の４ページから成り立っている。 デザイン・プリンシプルとファイル構成についての説明 コンストラクターとメソッド アニメーション・インストラクション アニメーション・エフェクト 質問や要望はこのブログでも受け付けるし、Googleグループのianimejsグループでも受け付ける。あと、コードそのものに対するコメントも大歓迎（最新版は、Google CodeのiAnime.jsプロジェクトページからダウンロード可能）。 ちなみに、現状で動作確認が出来ているのが、パソコン用でSafari
iaime.js v0.28: style-tweenを追加
ようやく期末試験もメドが付いたので欲しかったstyle-tween機能をiAnime.jsに追加（v0.28としてGoogle code/ianimejsにリリース済み）。使い方は下の例を見ていただければ自明だと思うが、アニメーション前のスタイルと後のスタイルをfrom/toで指定するとその間を指定した時間で変化させる。JSON形式で渡すため、スタイルシートとは少し異り、値の方は必ず"か'で囲う必要があるし、スタイル名が'-'を含む場合も"か'で囲う必要がある。色のフォーマットは#rrggbb形式のみサポート。 anime.add({ element:this, effect:'style', from: { background: '#eeffff', 'font-size':'10pt', width:'20pt', height:'14pt', margin:'1pt', 'padd
iAnime.js をGoogle code上のオープンソース・プロジェクトとして正式スタート
「オープンソースとして自分の書いたコードを公開する」意味を知るために初めたianime.jsプロジェクト。そろそろ形も整い始めたので、週末を利用してGoogle codeにプロジェクトを立てて本格的なオープン・ソース・プロジェクトとしてスタートすることにした。 Google code - iAnime.js: ligh-weight javascript engine for PC and iPhone これからドキュメントやサンプルの整備など、やることはたくさんあるが、こうやって公の場にプロジェクトを立てることによって自分にプレッシャーを与えるのも良いかも知れない。 あまり欲張っても長続きしないだろうから、とりあえずはiFreecellを題材に、iAnime.jsを使ったゲーム・プログラミング入門のようなものをシリーズ化してwikiに書いてみようかと思う。 ちなみに、ライセンス形態として
JS でモーションタイポグラフィー - 2nd life (移転しました)
http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo_bezier.html http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo.html JSTweener の機能追加と同時に、もちょっとサンプルになんか作ってみようかな、ということでモーションタイポグラフィーで遊んでみました。思ったよりは重くなかった感じです。半透明にすると重くなるかな、と思いきやどのブラウザでも割と普通に。 でも JS だと一文字一文字の横幅を正確に求めることができず(IEでできるのかな)、破壊的な動きなら出来るんですけど、あらかじめレンダリングされるであろう場所に文字を吸着とかかなり難しそうな感。 JSTweene
Fireworks.js: A DHTML fireworks effect
A javascript animation experiment What's this all about? (AKA, "Holy pointless lightshow, Batman!") Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to t
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
JavaScriptアニメーションフレームワークライブラリ「Run」:phpspot開発日誌
Run / Universal JavaScript Animation Framework / Start Run is the easy and basic way to animate web content! You're right, this is YAAF - yet another animation framework. JavaScriptアニメーションフレームワークライブラリ「Run」。 script.aculo.usのようなエフェクト風アニメーション機能を実現したりすることが出来ます。 太陽の周りを地球が回るデモのような、Script.aculo.usでは実現が少し面倒だったものも割と簡単に実現出来そうです。 script.aculo.us 同様、prototype.jsに依存しています。 ドキュメントも充実 関連エントリ prototype.jsベースの画像切抜き
【レポート】あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! (1) moo.fx2-mootoolsとは (MYCOMジャーナル)
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Results"調査結果において43%の支持を得ている1番人気のAjaxフレームワーク。moo.fxは11%の支持を得て5位にランクインしている同じく人気のあるJavaScriptエフェクトライブラリ。 同チームは9月11日(米国時間)、JavaScriptライブラリ集であるmootoolsを公開。moo.fxとmootoolsはときに同じ意味として使われるが、moo.fxはより細かい成果物の名称として、
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Purchase Intent Data for Enterprise Tech Sales and Marketing - TechTarget
Scriptio - A JavaScript Presentation Framework