hrtsgtのブックマーク / 2011年4月26日

hrtsgt id:hrtsgt

2011年4月26日のブックマーク (4件)

Screen shot 2011-04-26 at 21:01:59.png • Droplr
- 1 user
- d.pr
- 世の中
hrtsgt 2011/04/26
@ProjectNya 綺麗に見えてます。
リンク
タブレット：必要ないのになぜ売れる？
hrtsgt 2011/04/26
iPad=電子レンジ。必要ないのに、って言い切るところが潔い。 #wiredvision

wiredvision
リンク
FACEs: CSS3のアニメーションプロパティを動的生成するJavaScript
- 15 users
- faces.jp
- 学び
CSSのアニメーションプロパティでキーフレーム指定が面倒なので、動的に指定するJSを用意しました。動作確認環境は、Chrome、Safari、MobileSafariです。直接記述して指定する場合マウスオーバーすることで、赤色から緑色に変わります。直書きなので動的に色を変更（キーフレーム指定）するようなアニメーションは出来ません。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>demo-1</title> <style> div#demo1 { width :50px; height:50px; border:1px solid #000000; background-color: rgb(255,0,0); } div#demo1:hover { -webkit-animati
hrtsgt 2011/04/26
キーフレームをjsで追加

css3

animation

js
リンク
SVG女子を90%軽くしたSVG軽量化テク+α #svggirl
あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、世界を（いろんな意味で）驚かしてきましたが、ついに本日、日本でも公開されました！しかも日本版に合わせてアニメーションも長くなっています！こっそりブラウザを英語にして見ていた人も必見です！（神風動画さんによる予告編動画！）神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、プログラムについては SVG Girlの公開と内部実装（プログラマーブログ）で担当プログラマーの吾郷が説明していますが、とにかくいかにSVGをきれいに軽くするかが最重要！ SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、今回
hrtsgt 2011/04/26
svg

animation

js

css

tips
リンク
- 2011年4月27日
- 2011年4月26日
- 2011年4月25日