2011年10月第3週号 1位は、いますぐ使えるCSS3テクニック集、気になるネタは、アップル、Siriの日本語版を2012年に提供開始する予定

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

面白法人カヤックのサイトで使われている、CSS3を使ったテクニックを解説した記事です。

といったテクニックを紹介しています。

実際にサイトで使われている具体例が確認できますし、それぞれセンスのいい使われ方をしているので、自分も使ってみたいと思わされます。

特に、画像にマウスオーバーするとマンガ風のエフェクトがかかる効果が必見です。ちょっとしたアニメーションでも、使い方によっては非常に効果的なことが思い知らされました。

CSSを使って縦方向中央に文字列や画像を配置する方法を、6つのケースに分けて紹介しています。

テーブルレイアウトでは簡単だった縦方向センター揃えですが、CSSではちょっと面倒です。特定の領域の真ん中に画像を配置する場合や、画像と文字とをセンター揃えする方法など、便利なテクニックがまとめてあって参考になります。

「7 Photoshop tips for designing clean and modern websites」という記事のポイントを日本語に翻訳しています。

の7つの項目で、最近流行のクリーンなデザインのサイトを作るためのPhotoshopテクニックが紹介されています。

ミニマルなWebデザインのギャラリーです。シンプルながら印象的なデザインのサイトが揃っています。

CSSアニメーションで様々な動きを実現するコード集です。アニメーションごとにクラス名を付けたCSSファイルなので、動かしたい要素にHTML上でクラスを付けるだけで実装できます。

サンプルでは、jQueryを使ってクラスの追加をコントロールすることで、ボタンを押すとアニメーションが実行されるようになっています。

アニメーションにはJavaScriptは不要で、CSSだけで動きを付けています。CSSファイル内の数値などをカスタマイズすることで、アニメーションの継続時間や回転角度などを変更することもできるはずです。

必要なアニメーションだけを選んだCSSファイルを書き出せるジェネレーターも用意されています。

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

「iOS 5」が重要な理由--アップルモバイルOSの転換点 - CNET Japan
iPhone 4SよりiOS 5の方が重要というのは、確かにそうでしょうね。
PC上でAndroidアプリを動かせるBlueStacksのApp Player, アルファバージョンで提供開始
デベロッパーの動作チェック用ではなく、AndroidアプリをPCでも使用することが目的のようです。
「世界を変えたくないかい？⁠」⁠ ジョブズはどうやって変え続けたのか：日経ビジネスオンライン
相変わらずスティーブ・ジョブズ関連記事は多いですが、この記事は特によくまとまっています。

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

TopsyはTwitterなどのソーシャルメディアをリアルタイムに検索できるサービスです。最近Google+上の記事にも対応しました。現在、通常の検索とGoogle+用の検索とは分かれているようです。

また、メニューから「エキスパート」を選びキーワードを入れて検索すると、そのキーワードに関する発言の多い人を探すことができます。共通の趣味の人を探してサークルに入れたい場合に便利ですね。

iPhone 4Sの目玉機能である音声アシスタント「Siri」が、2012年にも日本語に対応する予定だそうです。日本語環境のiPhone 4Sでも英語でSiriを利用することができるらしいのですが、ネイティブな英語の発音ができない人でも日本語でSiriさんと会話できる日も近そうです。

「ジョークを言って」と呼びかけると「できません。いつもオチを忘れてしまうんです」と答えるなど、なかなか面白い返答をするらしく、ネットでもいろいろなSiriとの会話集が報告されています。

それを受け、日本語版にも小粋でセンスのいい問答を期待する声が高まっています。あまりヒネリ過ぎたことを言うと嫌みな感じになりかねませんが、ロボットらしく生真面目過ぎるのが面白いという感じがいいんじゃないかとわたしは思います。