2010年05月20日

Seesaa\(^o^)/オワタ?

突然、iPhone版スタイルに広告が出るようになった。
(javaをoffにすれば出なくなります)
写真.jpg

なんじゃこれ・・・センスねぇ・・・
広告が少ないのが良くてSeesaaに引っ越したんだが・・・


更に、Twitter公式ウジェットに変なゴミが挟まるようになった。
100520213729.png

記事のヘッダー部分の画像の一部ですな。
100520213713.png

(複数ブログで同様の症状確認済 2010/05/20現在)

この事をSeesaaの公式Twitterで送信したのだが、全くの音沙汰無し。以前CSSの事に関して送信してから随分経つが、それも全く音沙汰無し。
リプライ貰ったら必ず読んで返信してフォローしますみたいな事書いてあるが・・・(;^ω^)

さて、Seesaaが駄目ならどこに引っ越そうかなぁ?
CSSが弄れて広告の少ないブログがあればそこに引っ越します。

まぁ、RSSに広告挟むなんて事やってる時点でちょっとおかしいなここ・・・とは思ってたけどねw
ラベル:Seesaa blog ブログ
posted by anarchy0929 at 21:51| Comment(0) | TrackBack(0) | 日記 | このブログの読者になる | 更新情報をチェックする

2010年05月11日

デコもじを使わずにwebフォント

デコもじというサービスがあります。
自分のブログのフォントを変えてくれるサービスですね。
けれど、無料でフォント変えてみたい方も多いと思います。

このブログをWindows版safariで見たらこうなります↓(現在は別フォントです)
webfont.PNG


以前までは、ブログやサイト側のCSSなどでフォント指定しても、それを見ている人のパソコンにそのフォントがインストールされてなければ、意味がありませんでした。

そこで開発されたのがwebフォントです。
これは、ブログやサイトがフォントデータを用意しておき、来訪者のPCにフォントが無くても、そのフォントをその場で読み込んで表示させるものです。
これで、相手のPCに入ってないフォントでも表示する事が可能になりました。
デコもじはそのサービスでもあります。
インターネットの高速大容量化で、フォントファイル程度の読み込みは大した負荷にならくなってきましたからね。
(このブログでは約6MBのフォントファイルを読み込んでいます。)

ただし、一部正常に表示されない事があります。
・ブラウザが対応してない場合。
・端末(iPhoneなど)が対応してない場合。
・ブラウザのバージョンが古い場合。
・ブラウザの設定等でweb指定のフォントを無視している場合。
などでは、webフォントでは表示されません。

それでは、webフォントの設定を説明したいと思いますが、その前に注意する事があります。
フォントは著作権物だという事です。例えば、メイリオなどは誰でもマイクロソフトの公式からダウンロード出来ますが、決してフリーフォントでは無いという事です。
ですので、webフォントに使うフォントはフリーフォント、または自分が著作権を所有しているフォントにしてください。
まぁ、メイリオくらいならお咎めないかもしれませんが、念の為です。

では、まず使用したいフォントを用意します。使えるフォントはttfかotfになります。(IEのみeot)
このブログで使用しているフォントはこちらの「うにフォント(プロポーショナル)」です。

フォントが用意できたらアップロードします。
seesaaブログの場合で説明します。
記事投稿→ファイルマネージャで用意したフォントをアップロードします。アップロードされたフォントファイルのURLをコピーしておいてください。

続いて、デザイン→デザイン一覧から、現在自分のブログで使用しているテーマを開いてCSSを表示します。

CSSのトップに

@font-face {
font-family:xxxxxx;
src:url(コピーしておいたURL) format("TrueType");
}


と記述します。
xxxxxxの名前はなんでも構いません、解りやすい名前にしておいてください。
otfの場合はformat("OpenType")に変更してください。

そして、全体にこのフォントを使用したいのなら、

body {
font-family: xxxxxx,メイリオ,osaka;
}

body部分にさっき指定したフォントを追加してやります。
これでブログ全体が指定したフォントになります。
部分的に使用したいのであれば、bodyには記述せずに該当部分で記述してください。

これで表示されるようになると思います。されない場合は一度他のブラウザ等で確認してみてください。













P.S.


少しwebフォントが重かったので、軽めのしねきゃぷしょん(約1MB)に変更しました。





firefoxは制限により別ドメインのwebフォントは使用できません。
ですので、コピーしておいたURLの.up.seesaa.net.upを消して登録してください。





IEはttf otfに対応しておらず、独自の「eot」フォーマットに変換して登録してやる必要があります(バカジャネーノ?)
糞めんどくさいですけど、一応手順を書いておきます。
ttfの場合で説明します。
用意したttfをttf2eotでeotに変換します。
そしてそれをアップロードし、IE用のcssを追加します。
IE用にはformat指定は必要ありません。
以下こういう感じになります↓

/* IE用 */
@font-face {
font-family:xxxxxx;
src:url(eotのURL);
}


/* IE以外用 */
@font-face {
font-family:xxxxxx;
src:url(コピーしておいたURL) format("TrueType");
}

糞IEのおかげでわざわざもう一つフォントファイルを用意してやらなければならないワケです。バカかと。
IE使ってる人はとっとと他のブラウザに乗り換える事を強くオススメします。







特定の部分だけwebフォントにするには、cssのbody部分のwebフォントは削除し、ブログ・サイトのhtmlで
<span style="font-family : 'xxxxxx'">webフォントを使用したい部分</span>で囲ってやってください。(firefox非対応)





★総括すると、IEは独自フォーマット、firefoxは制限ありという事で、webフォントに関してはsafari、Chrome、Operaが今の所融通が利いて有利です。

色々総合的に見ると表示に関してはやはりsafariが一歩リードしてる感じです。










関連記事
☆星のまにまに☆ Webfontを入れてみた
【Seesaa ブログ】ブログの文字を変更できる「デコもじ」機能提供開始のお知らせ



posted by anarchy0929 at 15:27| Comment(3) | TrackBack(0) | 日記 | このブログの読者になる | 更新情報をチェックする

2010年05月03日

伝説のメガデモ STATE OF THE ART

さて、前回紹介したメガデモですが、数々の作品が生み出されました。
中には良作も多く、Amigaユーザーを楽しませたのですが、さすがにマンネリ化は避けられず、当初の感動はもう無くなってきていました。

そんな倦怠期に入ったAmigaに衝撃のMEGADEMOが登場します。

SpaceBalls
STATE OF THE ART

です。
1992年に突如出現したデモにデモファンはド肝を抜かれました。
なんじゃこりゃとw

なんとこのデモ、サイズはたったの661KBです。もちろんフロッピー1枚に余裕で入ります。
661KB・・・jpg画像一枚分くらいなもんです。

なぜこんな事が可能なのか。
興奮しました。

これがその伝説のメガデモSTATE OF THE ARTです。

これも自分のPCのAmigaエミュで動かしたものを録画したものです。
録画してXvidでaviにすると、数100MBにもなるんですけどねw
これがフロッピー一枚に入ってたワケです。
くどいようですが、1985年製のパソコンですw
スーパーマリオと同い年ですw
凄いと思いませんか?

posted by anarchy0929 at 20:38| Comment(0) | TrackBack(0) | MEGADEMO | このブログの読者になる | 更新情報をチェックする

MEGADEMO メガデモ!

みなさん、MEGADEMOをご存じでしょうか?
MEGADEMO(DEMO)とは、CGや音楽のテクニックを競う文化です。
「こんな事ができるんだぜ!すげぇだろ!」と自慢する文化ですw

その始まりはAmigaと言っていいでしょう。

かつてAmigaというPCがありました。
これはAmiga500です。本体とキーボード一体型でMSXを彷彿とさせますね。
amiga500.jpg


Amigaが発売されたのは1985年。
当時、日本ではファミコンブームに火が点いた頃です。
ファミコン版ギャラガ、いっき、ポートピア連続殺人事件、スペランカー、そしてスーパーマリオブラザーズ
そんな年にアメリカで生まれたAmiga。
そのスペックはとてつも無いものでした。
Amigaは欧米を中心に熱い支持を受けます。

AmigaOSと呼ばれるOSはマウスオペレーティング、ウィンドウ表示、マルチタスクと、Windows95の10年前にそれら全て実現していたのです。
Amiga_Workbench.png

ゲーマー、アーティスト、ミュージシャンはAmigaを絶賛しました。
日本では「ウゴウゴルーガ」のリアルタイムCGで使われたりしています。

そして、ヨーロッパ、特に北欧を中心にデモ文化が華開きます。
Amigaのフロッピーは2DD 一枚880KBです。約1MB。
その「フロッピー一枚で何ができるか」にチャレンジしだしたのです。
そして、そのデモはメガデモと呼ばれるようになっていったのです。

それではメガデモを見てみましょう。
今見ると確かにショボいですが、これが1985年のマシンという事を忘れてはいけません。


これは自分のPCのAmigaエミュレータ上で動いてるMEGADEMOを録画したものです。
これがファミコン世代のスペックでしょうか?たった880KB以内のデータです。現在、MP3一曲でも3〜5MBくらいあります。デジカメの写真も1枚で数MBになります。
その数分の1のデータでこれだけ表現してるのです。

次回は、MEGADEMOファンのド肝を抜いた伝説のMEGADEMO、
Spaceballs - State of the art
を紹介します。

posted by anarchy0929 at 19:49| Comment(0) | TrackBack(0) | MEGADEMO | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。