アップルの製品やアートワークにインスパイアされたフォトショップ作品と、そのチュートリアルがまとめられた記事。よく見るApple.com内の独特の製品写真を模したアートワークが多いですが、製品の特定の意匠を模したものなどもあり、みなさん様々な視点でアップル製品を見て、そして愛でてるなぁという印象ｗ いやぁなんか愛情が伝わってきますね。特にアップルのウェブサイトって、ウェブデザインのトレンドを作るきっかけにもよくなるので、アップル関係の話はデザイナーにとって興味深いところであります。
★とか言うなと、キモいからやめろと。すいませんつい出来心で・・・。そんなお花のブラシが400個紹介されたまとめ記事です。花だけでなく、草木のイラストなんかも多く含まれてます。400個というのはブラシの総数なんで、セットとして考えればもっと少ないです。フェミニンやネイチャー系のデザインを求められる案件で活躍しそうなブラシですね。
CSSベースのナビゲーションメニューが50個集められた記事。各サムネールクリックで配布先に行けます。JSを使ったドロップダウンメニューや、タブ表現などがメイン。タブ表現はページ内における表示コンテンツの切り替えに最適です。リンク先でソースをもらってきて、そこから改変するというのも手ですね。
フォトショップを使ったポスターデザインのチュートリアルが77例紹介されてます。ポスターというだけあって、わりと縦長の作例が多い感じ。ありがちな映画のポスター風のものや企業広告風のもの、またライブのフライヤーっぽいものもあります。タイポグラフィーをテーマにしたものが個人的にはアツい感じ。どの作品もイメージ一発というよりは、手の込んだレタッチがされているので、プロセスを勉強するにはイイ題材かも。
WCAN 2009 Summerに行ってきました。わたくし元々出不精でして、言い換えるとヒキコモリでして、さらに言い換えると休日前日はしこたま飲んだくれるためせっかくの休日も毎週昼過ぎまでムダにしちゃうタイプなんですが、「こういう場にも顔出した方がいいよねそうだよね」というワケで行って参りました。2年ほど前のCSS niteでも行ったことのある名古屋国際会議場であります。前回同様デッカい騎兵隊のおっちゃんが出迎えてくれました。
iPhone純正のインターフェースであるトグルスイッチを、通常のウェブ上でjQueryを使って再現したもの。iPhoneと同様に指でスライドさせても、またクリックするだけでもトグルが左右に切り替わります。ソースコードのダウンロードはページ下部より行えます。ソースを見ると、どうもフォームのチェックボックスタグをJSを使って上書きしているみたい。ウェブ上でiPhoneを模したインターフェースを作りたい時にイイですね。
Javascriptを使って表現する、アニメーションするタブやアコーディオンインターフェースをまとめた記事。アニメーションするというだけあって、その多くはjQueryやmootoolsなどのJSライブラリを使用しています。この記事自体はちょっと古いんだけど、紹介されている内容がアツかったので紹介。タブとアコーディオンインターフェースはそれぞれ分けて紹介されてます。CSS 3になると:targetを使う事で、こうした表現もラクチンになりますな。
