adobeからクロスブラウザー対策のツールが出たのでご紹介。
その名も『adobe browser lab』
Dream weaverのCS4装備の場合はエクステンションとして、ローカルに落とせる模様。
持ってなくても、adobe IDさえ取得していれば、オンライン上での確認が出来ます。
↑こちらは、プレビュー画面。
左がwindowsのFireFox3で右がWindowsのIE7。
それ以外でもWinとMac、各ブラウザーでのプレビューが可能です。
↑こちらはオニオンスキンモード。Flashのオニオンスキンと一緒です。（重ね合わせ。）
どれぐらいずれが発生しているか？などに便利です。
Adobe lab。
実際の制作で覗く機会はあまりありませんが、さすがに最先端のlab。
いろいろ面白そうなものが、開発されています。
2009年に発表されたWordpressのテーマ。
それを何と総勢100テーマを集めたエントリーサイトです。
「100 Amazing Free Wordpress Themes for 2009」
■City Dreams
全画面写真のテーマ。文章中心だけど、ブログは印象的に見せたい方に。
■Colourise
ネオンのような光のラインと背景のコントラストが印象的です。
2.0に代表されるデザインです。
■WP CODA
jQueryやBetter Coda Sliderで実現されたスライダーを実装したテーマ。
そこらへんの拡張狙ってる方は、実装する手間なし。
■Fholio
ポートフォーリオ用に作られたWordpressテーマ。スライダー付です。
写真の好きな方や、自分の作品を発表したい方はこちら。
これだけあるとさすがに迷いますね。
数点、インストール中してみましたが、インストール中にエラーを吐いたり、ちゃんと反映されない物もあったり。
使用目的がブログではなく、CMSを使ったサイトなものもあるので注意。
最近までDream Weaver上でホットスポットの設定が出来ることを知りませんでした・・・
今まではホットスポットはFireWorksのみなせる技かと思っていましたが。
実はかなり以前のDream Weaverから出来たらしいんです。
しかも実に簡単。
ホットスポットウィンドウを開いて、あとはイメージの上に領域を作るだけ。
領域はいつものごとく、長方形や楕円、多角形ツールを使って書くだけです。
いままでは、使いたくてもFireWorks上でJavaを自動生成させてHTML書き出しをして、
そんな具合でしたが、こんな簡単に出来たんですね。
ちなみにコードで書くとこんな感じです。
<img src="XXXXXX.jpg" width="299" height="190" border="0" usemap="#XXXXX" />
<map name="xxxxx" id="xxxxx">
インライン要素の記述方法
<area shape="エリアの形" coords="座標" href="リンク先">
※SHAPE rect=四角形 circle=円形 poly=多角形
関係図はこんな感じです。
<area shape="rect" coords="左上x, 左上y, 右下x, 右下y" href="リンク先">
<area shape="circle" coords="中心x, 中心y, 半径" href="リンク先">
<area shape="poly" coords="Ax, Ay, Bx, By, Cx, Cy..." href="リンク先">
これで見ると、Java、発生してないんですね。
デザイナー、コーダーを含めて制作環境の人にはかなり便利ツールです。
『IE tester』
先日最新の0.3.5がリリースされていました。
これさえあれば、IE5から最新のIE8まで、実際にどう表示されるかがわかります。
未だに、各ブラウザー、バージョンでの表示が問題になりますが、これさえあれば
納品後に表示が崩れてるといった問題も発生しません。
制作会社によっては、表示確認用でバージョン違いのIEを複数台のマシンで確認
している所もあるようですが、これさえあればもうWin1台で確認できるようになります。
この先IE8へ移行する中で、未だにIE6が現役なところもあり、さらにはHTMLのバージョンアップも世間では騒がれています。
こそ先しばらく表示問題からは離れられなそうですね。
Ｂｌog型CMSとして同じようで、対極にいる２者。
色々言われていますが、じゃーどちがいいの？てこと。
個人的には先に耳にしたのはWP。
先に触ってみたのもWP。
両社とも実際あまり触ってませんが、回りにあるのはMT。
文献によると世界シェアは圧倒的にWP。
でも日本のシェアはMTだそうで。
SEO的にWordPressよりMovable Typeの方が優れているような記事がある。
でも、SEOの観点では、ほとんど変わらないという記事も。
日本で使う分には拡張がいっぱいある（ほとんど有料？）のがMTで、デザインなどのテンプレートにはWPに分がある様な。
WPは動。、MTは静。
動、静による差別は以前みたくないんじゃないかな？
実際Yahoo!でもGoogleでも.phpとかは普通にキャッシュされてるし、1ページとして扱われてるし。
実際は動であれ、静であれ、コンテンツを見られてる様なする気もするし。
逆にMTは静が生成されるって事は、再構築しないと生成されないって事で、
再構築の度にめんどくさい度が上がり、サーバー負担も増える一方。
これから先、CMSはどんな感じになって、どこへいくのだろう？
最近の制作案件で地図を白地図を触る機会があったのでご紹介。
昔から素材で地図ってあまりいいのがないといつも思ってた時にコレ。
今回使ってみて、非常に便利でした。
各都道府県はもちろん、主要都市もあって、連携技で県章なんかもある。
なかでも一番使えたのが『地図ぬりぬり』という機能である。
好きな色で地図が塗れて、文字もかけて、おまけにBIGサイズでのダウンロード。
あとは、PhotoshopでもIllustlatorでも、煮るなり焼くなり。
今までも白地図を扱っているサイトは沢山あったけど、このサイトだけで十分です。
一度、使ってみてください。
