日進月歩

# スポンサーサイト

2011.07.01 Friday

この広告は60日以上更新がないブログに表示されております。
新しい記事を書くことで広告を消すことができます。

| - | - | | category: - |

# Google Font API

2011.05.01 Sunday

HTML5がIE9によってそろそろ身近なものになってきそうです。
私もソースをHTML5化しようといろいろと検証をしていますが、やはりIEが一番遅れています。

さらに、ブラウザとしてIEを使用する方も、徐々に少なくなってきています。
そこに追い打ちをかけるのがGoogle。フォントがAPIがなりました。

http://www.google.com/webfonts

英語圏では当たり前になっていくのでしょうね。
便利なビューアは下です。

■Font Previewer
http://www.google.com/webfonts/preview

使用方法はcssで書くだけです。簡単です。

rel='stylesheet' type='text/css'>

h1 { font-family: 'Orbitron', arial, serif; }

現時点ではアンチエリアスの処理はPhotoshopで作成した方が優れていますが、

ブラウザのレンダリング能力が改良されていけばゆくゆくはこれがデフォルトに

なっていくでしょう。

いままでPhotoshopでひとつずつ作成していたボタン画像や見出しがAPIになることで

サーバーの負荷軽減、そしてソースの簡素化になれば理想的ですね。

Check

# IE9のHTML5 / CSS3対応

2011.04.27 Wednesday

IE9のHTMLとCSS3の対応状況です。

■HTML5 Support in Internet Explorer 9

http://www.impressivewebs.com/html5-support-ie9/

■CSS3 Support in Internet Explorer 9

http://www.impressivewebs.com/css3-support-ie9/

http://www.findmebyip.com/litmus/#css3-properties

まず、CSS3はスマートフォンで当たり前になっている

text-shadow

このプロパティが未対応になっています。

例：text-shadow: 0px 1px 1px #000;

そして

transitions

メニューのマウスオーバー時に滑らかに色を変更する時などに使用するのですが、これも対応しません。

例：-webkit-transition: background-color 0.3s linear;

また、twitterの震災ページでも存在感を示していた「keyframe animations」を使用したボタン。こちらもCSS3では不可能になります。（もちろんChromeやSafariでは可能です。）

例：.green.button { -webkit-animation-name: greenPulse; -webkit-animation-duration: 3s; }

HTML5を一番推し進めたいのはAppleですが、それに引き換えマイクロソフトは次のIE10で本格的にCSS3対応をするそうです。

http://journal.mycom.co.jp/articles/2011/04/13/mix11rep/index.html

現状、コーディングに於いてはHTML5に移行したい時期になってきています。

IEではデザインの質を少し落とすことになるかもしれませんが、これからはHTML5/CSS3化を少々無理にでも進めていって良いかと思いました。

CSS3に関しては仕様が刻一刻と変更がかかっていますので、こちらはこれからも注意が必要です。CSS3に関してはリファレンス本がまだ出版されない理由はここにあります。

まずはブラウザごとに記述がバラバラな点はどうにか統一して欲しいところですね。

例：角丸のCSSに4行も必要とする
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;

Check

# 便利なオンラインストレージ「Dropbox」日本語対応になりました

2011.04.08 Friday

オンラインストレージの一番おすすめの「Dropbox」がいよいよ日本対応となりました。他の方とのファイル共有としても便利で、Skypeやメールでやりとりするより早く、かつ直感的にファイルを送受できます。

MacとWindowsどちらのパソコンにも入れておけば、出張中でもファイルのやりとりもできますし、万一HDが壊れた際のバックアップとしても使用できますね。

私の場合、DreamweaverのHTMLで重要なものは Dropbox内にディレクトリを作り、そこで作成することにしました。こうすることにより、

1. 常にHDDとDropboxに最新のデータがある
2. もしHDDがクラッシュしてもデータはDropboxにあるので安心
3. 外からもHTMLデータを見たり編集できる

2GBまで無料ですので使ってみて下さい。

■Dropbox
http://db.tt/FKWJrjb

Check

# 国がようやく放射線量を公表、しかしよく分からない

2011.04.06 Wednesday

http://www.yomiuri.co.jp/science/news/20110405-OYT1T00872.htm?from=main3

リテラシーの高い人にしか理解できないデータでは意味がありません。

誰でも判読可能なものこそ価値がある情報です。

■μsv

http://microsievert.net/

こういうことです。

素晴らしいと思います。

Check

# 東日本大地震救援物資　富士市交流プラザ

2011.03.13 Sunday

本日、静岡県富士市交流プラザ（旧富士文化センター）前、芝生場にて、東日本大地震救援物資の寄付を募っております。9:30～16:00です。
mixiを通じて広まった情報です。

【救援物資について】
今回は富士市役所・富士市社協ご指導の下、救援物資が限定されているようです。

１．保存食・・・カップ麺等のお湯で作れるもののみ
２．飲料水、ジュース・・・ペットボトル入りのもののみ
３．赤ちゃんに関する用品・・・オムツ・粉ミルクのみ
※いずれも未使用、未開封のもの

オムツ、お茶（ミネラルウォーターはダースでの入手困難）、焼きそばなどカップ麺を持っていきました。

Check

# MacBook Air 11インチ：レポート

2011.02.14 Monday

11インチのMacBook Airです。128GBのSSD、軽量であることが最大のトピックです。

13インチも良いと思いましたがとにかく軽くいことを重要視。

例によってPhtoshop、Illustrator等Adobeのソフトウェア、そしてVMware FUSION3にてWindows XPを使用することを考慮し、メモリはBTOで4GBにしております。

さて、AirはDVD-Rドライブが内蔵されていないので必然的にリモートディスクでiMacやPBG4のドライブをネットワーク経由で使用するのですが、以外なことにFUSION3からWindowsをインストールする場合には使用できませんでした。

※厳密には画面内にマウントはするのですがFUSION側が認識しません

しかし、以下の方法でクリアできました。

■Windows OSをISOへイメージ化する方法
1.ローカルネットワークのMacにWindowsのCD-ROM/DVD-ROMを入れる

2.「アプリケーション」→「ユーティリティ」内の「ディスクユーティリティ」を起動

3.「ファイル」→「新規」→「(windowsディクス名)からのディスクイメージ」を選択

4. 「イメージフォーマット」に「DVD/CD マスター」を選択して保存(暗号化はしない)

5.イメージファイルの拡張子を「 .iso」に書き換える

このディスクイメージを使用し、FUSIONでイメージを認識させてみて下さい。

ネットワーク間でもWindows OSをインストール可能になります。

実際にISOにてXPをインストールしているところ

さて、実用面をチェックしていきましょう。

上は、立ち上げたときのメモリ状況。厳密にはアクティビティモニタのみが立ち上がっている状態です。3.13GBの空きがあります。

こちらはFUSION3、Photoshop、Illustraor、Dreamweaver、Bridge、Cyberduck、Google Chrome、Safari、Mail、iTunes、プレビューとウェブ／DTPで使用しそうなソフトウェアを立ち上げた状態。1.29GBの空きがあります。必要十分といったところです。

とにかくSSDになって軽く速くなったAir、おすすめです。