CGソフト 機能拡張と使い勝手が向上した新バージョン Shade 11 イーフロンティア  Shadeは3Dの入門者から仕事で利用するプロフェッショナルユーザーまで幅広いユーザー層に受け入れられているCGソフトウェ アだ…

画像をアップロードするだけで、GoogleMap に最適な影付アイコンを作ることができます。

マイマップのアイコンにも使えますね!

ちょっと影があるだけで、アイコンがいい感じです。

Googleマップ以外にも使えそうです。

Shadowmaker

photoshoでの作り方

http://www.webdesignlibrary.jp/2007/12/casting_shadows.php

フォトショップ講座 > フォトショップで実物の影を作る

『jQuery入門』本との連携ページのようですが、一覧で確認できるのは便利です。

jQuery Cheatsheet ( version 1.3 ) & Contents

ちょっとした演出によさそうです。

デモ&ダウンロードは以下から。

» jQuery Roundabout

DELL Studioノートパソコン デザインコンテスト ■応募受付日時: 2009年12月25日〜2010年2月21日 ■応募資格: 不問 ■募集内容: デルは12月25日より、個人向けブランド「Studio」ノートPCのトップカバーデザインを…

W3Cによって現在策定中のHTML5の仕様に対し、MicrosoftがCanvas要素を外すよう提案したそうです。

また、Microsoft側はHTML5とは独立したCanvasのAPI仕様書の作成も行い、これを採用するよう提案したとのこと。しかし、これに対してGoogleのIan Hickson氏が反論とともに問題点を指摘。

それによりCanvasをHTML5から分離する議論は収束したとのこと。なお、この件についてはPublickeyで日本語で詳しくまとめられています。

ちなみに現在、FirefoxやSafari、OperaがCanvasのサポートを進めており、すでにCanvasに含まれるいくつかの機能が利用できる状態にあります。

しかしIEではいまのところまったくCanvasは利用できない状態で、そのMicrosoft陣営が「CanvasはHTML5とは分離しよう」と主張した点がとりざたされているようです。

HTML5では、HTML文書の中にメタデータを埋め込むための「Microdata」という仕様が含まれています。

最初に簡単なMicrodataの具体例を紹介します。HTML文書の中で明示的に人名であることを示したい内容があるとき、Microdataでは次のように書くことができます。

<section itemscope itemtype="http://example.org/person">
  <h1 itemprop="name">山田太郎</h1>
  <p itemprop="desc">この名前は日本の代表的な名前です</p>
  <img itemprop="img" src="yamada.jpeg" alt="" >
</section>

と表示されるだけで、特に何か変わったことが起きるわけではありません。しかし、このHTML文書を検索エンジンが読み込むと「山田太郎という文字列はnameである」と理解してインデックスしてくれる、といったことができるようになります(というのはあくまで例です)。

Microdataとは、文書の内容に対して機械に分かる形式で意味づけを行うセマンティックWebのための新しい仕様といえるでしょう。

これまでHTML5の仕様の中でMicrodataが紹介されることは多くありませんでした。そのため現在のところWebで検索しても日本語での解説はほとんど見つかりません。この記事ではそのMicrodataについて紹介していきます。
なぜ、MicroformatsがあるのにMicrodataが普及されはじめたのでしょうか?

WHATWG HTML (Including HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html

Microformatsは利用者独自の形式を開発しにくく、勝手な方法でやろうとしても名前空間を設定する標準的な方法がなかったため、名前がほかの人の開発したものと衝突しやすい欠点がありました。また、Microdataで記述されたメタデータを読み出すための標準的な方法もありませんでした。こうしたことなどから、Microformatsは普及が進んだとはいえない状況にあるとの見方です。

Microdataで何ができるのか?
Microdataの用途は、既存のMicroformatsなどで想定されていた用途と基本的には同じと思われます。例えば、個人のプロフィールページにメタデータとしてどこが苗字でどこが名前で、どこがミドルネームかなどを示すデータを埋め込むことによって、ネット上のさまざまなアプリケーションで自分の名前を正式に認識してもらうことが可能になります。

また、製品レビューのページ、あるいはレストランのレビューといったページでは、星の数を共通のフォーマットで埋め込むことによって、ネット上にあるさまざまな人のレビューを集計しやすくなるでしょう。

あるいは病院や商店の営業時間、休業日などを機械が読み取れる形で埋め込んでおくと、検索エンジンに「あの病院の営業時間は?」と質問するだけで、検索エンジンがあらかじめ読み込んでおいたメタデータを基に「朝9時から5時までです」と答えてくれるようになるかもしれません。そうなれば、いちいち答えの書いてあるWebページへジャンプして自分で情報を探す必要がなくなります。

これ以外にも、Microdataのメタデータ埋め込みによって機械がWebページの中味を理解できるようになれば、さまざまなアプリケーションの可能性が開けてくるはずです。

参考記事はこちら

http://www.publickey.jp/blog/09/html5microdata.html

北米財経日報 2009年11月20日 記事より
Twitter、今年の収益は400万米ドル超

【財経日報11月20日サンフランシスコ発】ソーシャルネットワーキングサイト、Twitterは、今年の収益は400万米ドルを超えると発表した。国際的な成長の実現のために、通信会社との契約を望んでいる。リスク資産家は、「このウェブサイトは、10億ドルの価値がある」と語った。

 Dick Costolo氏は20日、サンフランシスコでの会議に出席した際に、同社の主な収入源はTwitterのデータサービスから来ていると述べた。同氏は、同社は来年、広告掲載を開始すると発表した。報道によると、Google とTwitterは検索部門の協力協定を結び、その少し前にはすでにMicrosoftもTwitterおよびFacebookとの協力協定に調印した。

 業界では、「MicrosoftとGoogleの契約が、Twitterの営業収益を上げることになるのは間違いない。Twitterの広報担当は「Googleの共同運営会社は、グローバルな展開と高速検索サービスを開始するに役立つ。Twitterの検索エンジンは、リアルタイムのステータス情報の検索に参入することで、ソーシャルネットワーキングサイト上、最も重要な要素である」と語った。

 この他、雑誌「Wired」では、Twitterのとあるファイルを掲載した。掲載された内容は以下のとおり。

1、現在、Twitterは、まだ特定の使命を決定することができない。Twitterの創業者の一人、Biz Stone氏は「もし、3つの言葉でTwitterを表現するならば、そのうち1つは「私はわからない」とするだろう」と語った。
2、Twitterは、通信業界との協定に署名して、通信機関にTwitterのブラウザを構築したい。
3、Twitterは、携帯電話、ラジオなどに搭載させたい。
4、IAC / InteractiveのCEO、Barry Diller氏とメディアグループのLiberty Madia氏、John Malone氏は、昨年、そんな方法でお金を稼ぐことができるのかとTwitterを嘲笑した。 TwitterのCEOのEv Williams氏は、「もし、この人たちが、Twitterは、たくさんのユーザーに向けて情報発信に配慮していること知っているならば、彼らはTwitterのビジネスの大きな潜在力が分かるだろう」と答えた。

SiteSucker
ちょっと便利なツール

保存したときにローカルにリンクを書き換えてくれるのでおすすめ。
オプションも豊富。
http://www.sitesucker.us/

よく使うが忘れてしまうのでメモ。

ポイント
・高さ 100% の body 要素に position: relative; を指定する。
・ボックスの縦横を min-width、min-height を指定。あとは50% のところに配置してネガティブマージンでボックスの半分戻す。

<body>
<div class="contenier">
  <p>中央寄せ</p>
</div>
</body>

html, body {height: 100%;}  /*高さ100%に指定*/
body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 600px;  /*中央配置するボックスの横幅*/
  min-height: 400px;  /*中央配置するボックス縦幅*/
  background-color: #2262aa;
}
.contenier {
  margin: -200px 0 0 -300px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 600px;  /*横幅*/
  height: 400px;  /*縦幅*/
  background-color: #fff;
}