ポートフォリオサイトを制作する上での、5つの手法。ポートフォリオサイトといっても、どこにフォーカスを合わせるかによって色々と違ってくるYO！という内容です。ポートフォリオ、過去の作例、自分の紹介、ブログ、そして例外的なシングルページサイトという5つの例を用意して、それぞれの作例をいくつか紹介してます。1つめと2つめの違いがよく分からなかったんですが、けどどこに焦点を合わせるのか次第でサイトの趣旨というのは大きく変わりますね。なかなか興味深い記事でした。
普通じゃないワードプレスの使い道が15例紹介された記事。ワープレっていうと当然のようにブログツールとして使われるわけですが、ここで紹介されている例はなかなか型破りです。自分用のTwitter投稿サイト、メンバー専用ディレクトリの作成、メルマガの受付、e-Commerceサイトの制作、ワープレで作るWiki、CSSギャラリー、レーティングを使ったレビューサイト、Google Mapsと組み合わせたタグブロギングなどがその内容。いやーいろんな使い方ができるもんです。ワードプレスをCMSとして使う際に役立ちそうな内容です。
地味だけど便利なjQuery用プラグインが9個紹介された記事。カレンダーによる日付ピッカー、ホットキー、ページナビゲーション、パスワードの安全性チェッカー、ページ内サーチなどがその内容。スゴく地味ですが、サイト制作においてユーザーの利便性向上の助けになるものが多いですね。懐かしのマーキーをJSで表現するためのプラグインもあります。
タイル状にリピートする、パターンテクスチャを無料で配布しているサイトを集めた記事。わりと解像度小さめの、細かいパターンが多いという印象。昔の漢字Talkの頃の壁紙指定を思い出します。これ系のテクスチャってウェブではよくお世話になるので、無料配布をまとめたこの手の記事は助かりますな。
CSSだけで表現する、ポラロイド写真風のフォトギャラリー。ポラロイド風の枠を付けるところまでは現行のCSSだけでオッケー。その先のドロップシャドウ表現と、散らばった感じに角度を付ける点はCSS 3による新しいプロパティを使っています。傾ける表現がなかなか興味深い。ポイントは“ -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);”の部分ですね。元の写真は傾いてないのに、上記指定をする事で角度を付けて見せる事ができます。またz-indexを使って、マウスオーバー時に必ず最前面に来るようにしている点も気が利いています。
WebCreators誌10月号に記事が掲載されました。今回は“CSSデザイン表現、最新最強テクニック”という巻頭特集内で4記事書いてます。“テキストに影を落としたり光を演出する”、“フォームに背景を使い、スタイリッシュな入力欄をつくる”、“JavascriptなしでLightboxのようなデザインを実現する”、“パンくずリストを汎用的でデザイン性の高いものにする”というテーマで書いてますので、書店で見かけた際には是非これひとつ。今回表紙がテラテラしてて気持ちイイです。頑張って書きました！
フォトショップを使ったテキストエフェクトが50種類まとめられた記事。これ系のエフェクトではお馴染みの立体的にするTipsから、テキストに火をつける、ライトエフェクト風のもの、金属的な質感を付与、OSX風の加工、水滴などの透明感のある演出など、たくさん紹介されてます。フォトショップ触り始めの頃ってこういうのを色々試してみて、その度に感動してたのを思い出します。
９月８日からATOK定額制がマックでも開始されるんだけど、サイトを見ていてひとつ気になることが。複数台のマックにインストールすることができるのかどうか。というわけで早速電話してみました。
すると「複数台へのインストールは、両方がユーザー１人が使うマシンである事を前提にオッケー。同時起動もオッケー。同時入力はダメ」という内容でした。まぁ１人で使うわけだから同時入力は必要ないというか物理的に無理だから問題ない。２台以上になっても問題ないとのこと。
Q&Aを見ると、マックとウィンへのインストールについての問いはあるんだけど、マック&マックについての項目がないんだよね。だから通常版と定額制どっちを購入するかちょっと迷ってたけど、これで定額制を待つ事に決定。昨日Snow Leopard入れたばかりで日本語入力に難儀してるけど、発売日までことえりで我慢するか。
