2010年3月第2週号　1位は、CSSだけで実現するフキダシ作成テクニック、気になるネタは、Evernoteの日本語化や今後の展望について聞いてきた

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年3月1日～2010年3月7日の間に見つけた記事のベスト5です。

画像もJavaScriptも使わずに、CSSだけで実現するフキダシの作例集です。

今までもCSSオンリーでのフキダシ作成テクニックはありましたが、CSS3のborder-radius（角丸⁠）⁠、transform（変形⁠）⁠、gradient（グラデーション）といったプロパティを使うことにより、ぐっと表現力がアップしていますね。

フキダシの三角形の尻尾の部分は、「⁠画像を一切使わずにCSSだけで吹き出しツールチップを実装する | CSS-EBLOG」でも解説されている、ボーダーを使ったテクニックを使っています。

クルッと曲がったフキダシの尻尾は、角丸の図形をうまく組み合わせて作っているようです。

Progressive enhancementの考え方で、古いブラウザでも問題なく内容は閲覧でき、新しい技術に対応したブラウザならより表現力豊かに見られるようにコーディングされています。

ボタンやテキスト加工などに役立つ、無料のPhotoshop用レイヤースタイルの紹介記事です。

「Ultimate Roundup of 750+ Free Photoshop Layer Style」という記事をベースに、レイヤースタイルのインストール方法や、元記事に掲載されていないレイヤースタイルも追加してまとめられています。

ツイッターのタイムラインなどを、自分のサイトに組み込むためのjQueryプラグインを紹介しています。

など、いろいろなプラグインがありますね。

定番のCSSハックである「clearfix」のコードに関する話題です。

昔から使われているコードは、NetscapeやMacのInternet Explorerへの対策も入っているので、それらを削るともっとシンプルになるとのことです。

何も考えずに昔のコードを使っていた私はハズカシイと思ったのですが、この記事について「はてなブックマーク」やツイッターで「目からウロコ」とコメントしていた人もいたのでホッとしました。

現在のWebデザインにおいてフッタ部分は重要とされています。そのフッタのデザインがすばらしいサイトを紹介したギャラリー記事です。

そのほか先週の記事から、気になるニュースを紹介します。

“⁠ユニクロ⁠”のファーストリテイリング、iPhone 3GSを1,200台導入：Enterprise：RBB TODAY (ブロードバンド情報サイト) 2010/03/01
ユニクロを展開するファーストリテイリングは、全社員にiPhoneを持たせるようです。
Tech Wave : 米航空のサイトがFlash削除。恐るべしiPhoneの影響力
ヴァージン・アメリカ航空がサイトのリニューアルでFlashコンテンツをなくしたのは、iPhoneの影響だそうです。
トヨタがイメージ回復へTwitterに救いを求める
Twitterアカウントでツイートしているほか、TweetMeme上にブランドチャンネルを開設したそうです。

先週の気になるWebサービス

Flavors.meは、自分のツイッターやブログ、FlickrやTumblrなどをまとめたプロフィールページのようなものを作れるサービスです。

ユーザー登録すると自分のページが持てるので、ツイッターやFlickrなどのIDやブログのRSSを登録し、レイアウトや配色などを設定します。

でき上がったページには、ツイッターやFlickrなどへのリンクがメニューとして並びます。これらのメニューは別ページに移動するリンクではなく、各記事内容も同じページ上に表示されます。

簡単にカッコいいマイページが作れるので、ポートフォリオページとして利用できそうです。

リンクやタイトルの文字に日本語を使うと文字化けしますが、表示される記事内容については、日本語も大丈夫でした。

こんな感じのページが簡単に作れますよ。

日本でも人気のEvernoteですが、Webクライアントも専用アプリケーションも日本語化されたようです。

今までも特に不便はなかったのですが、日本語化されている方が人にオススメしやすいですよね。

わたしはヘビーユーザーではないのですが、Scansnapでスキャンした紙の資料（ムスメの幼稚園のお知らせなど）のPDF置き場として重宝しています。iPhoneから幼稚園のスケジュールが見られて便利ですね。

パソコンとiPhone間でデータをやり取りする手段としても、よく使っています。

Evernoteはなんで象のマークなんだろうという疑問には、「⁠ 「Evernote」はなぜ象のアイコンなのか？」という記事が答えてくれています。なるほど、象は記憶力の良い動物なんだ。