要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynoteやPowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。
自作のグリモンの処理をAutoPagerizeで動的に読み込んだページにも適用する方法 - 今日もスミマセン。
※この記事にはちょっとした誤りが含まれています。追記:2009.07.24(2)を参照してください。 このテの情報があまり出回ってないようなので書いておく。 AutoPagerizeには、その動的に読み込んだページを継ぎ足すときに、特定の処理をそのページに対して適用する仕組みがちゃんと用意されている。 先日公開したグリモン jaro.user.js でもその仕組みを利用している。 if (window.AutoPagerize) { window.AutoPagerize.addDocumentFilter(function(doc) { setOpacity(sites, doc); }); } 上記のように、AutoPagerize.addDocumentFilterに特定の処理を行う関数を渡してあげると、動的に読み込んだページを継ぎ足すときにその関数を実行してくれるようになる。 もう
動画を楽しもう！（HD正式対応後のYouTubeで常に最高画質で視聴＆ダウンロードできる「YouTube HD Suite」） | Creazy!
開発実績 動画を楽しもう！（HD正式対応後のYouTubeで常に最高画質で視聴＆ダウンロードできる「YouTube HD Suite」） 【2009/10/23：追記】 YouTubeの仕様変更により一時動作しなくなりました。下記ページを参考にアップデートしてください。 YouTube仕様変更に伴う自作ツールのアップデート（YouTube HD Suite他） 【2009/06/29：追記】 登録チャンネル、クイックリスト、履歴ページでも画質アイコン表示が可能になりました。 YouTube HD Suite を修正しました（チャンネル対応他） 【2008/12/30：更新】 HD画質のダウンロードリンクがiPod用画質（fmt=18）になってしまっていました。 修正しましたので再インストールをお願いします！（インストールのURLは一緒です） メリークリスマス！ クリスマスイブだってのにYo
Safariに登録しておくと便利な7つのブックマークレット
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
アスタリスクで隠されたパスワードを確認する方法 [K'conf]
ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアドレスバーに入力すると、次のようなダイアログ内にパスワードが表示されます。 javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() ==
![アスタリスクで隠されたパスワードを確認する方法 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a87d5887c466cccb0b849babb90931bdfa1b8c8/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
川o・-・）＜2nd life - bookmarkletの文字数制限を無くす
bookmarkletを作るとき、IEでは500文字ちょい、Firefoxでは2000文字ぐらい(?)の文字数制限がある。また、作った後に一行にまとめたり、デバッグしたりも大変面倒。でもそれがとても簡単な方法でどうにでもなることをインターフェイス！インターフェイス！の人に教わった。 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://example.com/example.js";document.body.appendChild(s)})(); createElementでscript要素を作って、その中にhttp://example.com/example.jsとソースを指定することによってそのJSを実行できる。WinIEとFirefoxでは確認済み。
[#JavaScript] HTML to XHTML
HTML to XHTML © 2006 Magicant / 0.4.1 (2006-11-29) HTML 4 ソースを XHTML 1.0 ソースに変換します。 入力 変換元 (HTML ソース) 設定 省略された終了タグを空白類の前に補う 操作 出力 変換結果 (XHTML ソース) 情報 変換結果を W3C の Validator でチェック ソースを表示 パース木を表示 属性を表示しない アウトラインを表示 説明 HTML 4.0 または HTML 4.01 でマークアップされた文書を XML 1.0 に基づく XHTML 1.0 文書に変換します。 また、ISO-HTML (ISO/IEC 15445:2000) でマークアップされた文書を HTML 4.01 Strict 文書とみなして XHTML 1.0 Strict
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
転職・退職代行マガジン -