元々有料だったけど、「今日だけ無料！」みたいな感じで無料化されたアプリを教えてくれるサイト。これは便利。タイトル、カテゴリー、元々いくらだったか、スクリーンショットという必要最小限の情報がリスト表示になっていて、「今アツい無料アプリ」なども紹介されてます。またemail、Twitter、Facebook、RSSといった各種手段によるアラートもあるので、無料アプリ好きの人にオススメ。自分も無料だったり100円セールの時を待って買う方なので、早速ブックマーク登録でございます。
ウェブデザインの際に便利な、印刷可能なブラウザウィンドウのガワが集められた記事。グリッドが付いてるのでこのままフォトショップを使って制作するもよし、印刷して手書きでラフを描くのもよしという感じの素晴らしいまとめ記事。グリッドにも色々種類があるので、使いやすい1枚をサイトデザインのスタート地点として置いておくと便利です。iPhoneやiPad付きのものもあります。
A Collection of Printable Web Browser Sketching and Wireframe Templates
iPhone 4のケースばかりを集めたもの。というかこのブログ内で“iPhone 4”のタグ付けがされているものを抽出しただけなのですが、発売から間もないこの時期にすでに多くのケースが紹介されててなかなかナイスです。俺は3Gに続いてVaja製のケースをまた個人輸入しようと思ってるけど、このまとめ記事見て色々他のメーカーにグラっときてます。ElementCaseってのや、BelkinのiPhone 4用ケースもかっこいい。海外製ケースは他人とカブりづらいので、持ってると色々と優越感に浸れるのが色々アレです。
iPhone 4のRetina Displayでコンテンツを美しく表示させるためのコーディング方法についての考察。iPhone 4のディスプレイは高解像度なので、画像をよりきめ細かく表示させる事ができます。けど画像のサイズそのものを大きくしちゃうと、PCサイトでのバランスが崩れるという弊害が。そこんところをウマく表示を切り替えるという、コーディングのTipsが紹介されてます。デモページをPCとiPhone 4とで見比べるとその効果は歴然。PC上では同じに見えるアイコンも、iPhone 4で見るとピクセルの密度の違いがハッキリと分かります。仕組みはCSSを使って表示させる画像を切り替えているようです。その分画像を解像度別に2つ用意する必要があるので、手間と言えば手間ですが、iPhoneのRetina Displayを活かしたい時には使えるTips。ブログやポートフォリオサイトなどにおけるサムネール表示にちょうどイイかも。
How to make your web content look stunning on the iPhone 4’s new Retina display
過去に自作したマック用の壁紙画像を、iPhone 4用にトリミングしなおしました。まとめて紹介しておきます。みなさまご自慢のiPhoneにお使いください。HTML上では少し縮小してありますが、実際の各画像の解像度は640*960です。
画像を一切使わずに、CSSだけで描画されたiPhone関連グラフィック。リンク先を見ると結構驚きます。これで画像をひとつも使ってないというのはスゴい。CSS3のCanvasタグを軸に、角丸やグラデーションなどを併用して作られているようです。当然のようにCSS3未対応のブラウザでは見る事ができない上に、対応ブラウザによっても若干の差異が出そうです。これだけのグラフィック描画ができるCSS3もスゴいんだけど、根気良く作った作者の方に拍手です。
iPhone 4でちょうどピッタリなクールな壁紙がまとめられた記事。解像度が960*640なので、PCディスプレイで見ると改めてその大きさに驚きます。時期が時期だけに「アップル大好き！」な作品が多いです。発売日初日に買うのはよく訓練されたアップルの犬ばかりだから当然ですね。かっちょいいの多いので、まず最初のカスタマイズにはちょうどいいまとめ記事。
