On Emotionのイシハラです。
先日とあるニュースサイトで海外のページに色々なスプラッシュスクリーンが掲載されているサイトが紹介されていました。
スプラッシュスクリーンっていうのは、主に商用アプリケーションを立ち上げたときに表示される画像です。うまく説明できませんが、見るとすぐわかると思います。
以下のリンクがそのサイトです。いろんなソフトがありますが、全て網羅されてないのがちょっと残念ですけど。
http://www.guidebookgallery.org/splashes
今はWindowsばかり使っていますが、昔はMacも使っていたので、Mac版のIEのスプラッシュは懐かしいです。
Excelの初期のものなんて初めて見ました。おそらく、このあたりのものは見たことない人も多いはず。必見です。
イラストレーターも必見です。歴史を感じます。
それでは。
On Emotionのイシハラです。
昨日、凄腕フリーランスのS氏と話す機会がありまして、ちょっと前にS氏が作ったアレが凄かったので、「アレはどうやってるんですか？」と聞いてみたところ、「アレは・・・」と、色々教えて下さったわけです。
そんな話の中から頂いたもので、ひとつ作ってみました。
このブログのテキストを選択すると、右上の「えいご」ボックスに選択部分が翻訳されて表示されます。
このブログの文章を英語に翻訳する必要があるのかどうかということはひとまず置いてください。まぁ実験です。
バグを見つけても気にしないでください。まぁ実験です・・・。
それでは。
追記：IEとFFで動作確認してます。
追記：Chromeも対応
追記：safariも対応
On Emotionのイシハラです。
朝っぱらから、とあるサイトを見ていたケイスケ君に「これ画像じゃないの！？」と、やや半ギレ気味に聞かれまして、「あ～それjavascritptで表示させてんじゃないの～？」とか、のらりくらりとかわしたわけですが、そういえばどうやるんだろうなと思って調べてみました。
調べたところ、あの有名なKawa.netさんのところに載ってました。（http://www.kawa.net/works/js/data-scheme/base64.html）
base64に変換したバイナリデータをdataスキームとして表示させてるようです。
なかなか素敵な技術。初めて知りました。
しかし、dataスキームは、なんとIEには対応してない模様。
やはり、というべきか・・・。
比較的簡単そうだったので、phpで画像をbase64に変換してdataスキームを使って表示させてみました。
ソースを見るとわかると思いますが、srcにbase64が入っています。
実験(IE非対応）
正直このスクリプトには意味がないような気もしますが、スゴイ人はwavファイルとjavascriptで色々やっているようです。
ついでに、元の画像（jpg）とエンコードされたテキストのサイズを比べてみました。
元画像： 35,637 バイト
base64： 47,538 バイト
さて、どう使おうか・・・。
それでは。