iPhone/iPad

インスピレーション

UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
CSS/HTML

モバイルファーストなCSSフレームワーク・「Cardinal」
Webデザイン補助

様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」
共有系サイト

手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」
プログラミング補助

タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」
Webデザイン補助

Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」
CSS/HTML

ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」
Webデザイン補助

PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」
Webデザイン補助

CSS3のコードスニペットと動作デモを紹介する・「CSSFlow」
その他

デバイスに応じたMedia Queriesのコードをコピペ出来るスニペット一覧表・「Media Query Snippets」
Webデザイン補助

デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」
CSS/HTML

モバイルファーストなCSSフレームワーク・「Blok Grid System」
ジェネレーター

オン/オフの切り替えスイッチをスタイル・「On/Off Flipswitch HTML5/CSS3 Generator」
Webデザイン補助

レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」
ジェネレーター

アップロードした画像をスマフォのアプリアイコンにする・「Makeappicon」
Webデザイン補助

iPhoneのモックアップを作成・「iPhone Mockup」
Webデザイン補助

iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」