Resource - iPhone/iPad

iOSアプリのアイコンデザインをコレクションしているWebギャラリー・「Iconsfeed」

Iconsfeed IconsfeedはiOSアプリのアイコンデザインギャラリーです。アイコンは全てではなく、管理者の主観や投稿によるコレクションのようで、現在380ほどが掲載されています。App Storeと同様のカテゴリに分けられ...

大量の素材が用意されたスマフォやタブレット等のはめ込み画像ジェネレーター・「Placeit」

Placeit Placeitは大量の素材が用意されたはめ込み画像モックアップジェネレーターです。用意されている写真素材内のスマフォやタブレット、Apple Watch、PCのモニターに任意の画像やURLの指定で手軽にはめ込み画像を作...

モバイル向けのフリーUIキット・「Lithium」

Lithium Lithiumは無料で配布されているモバイル向けのUIキットです。カレンダーやログイン、リストなどモバイル向けのソーシャルなアプリ向けに作られているみたいですね。カラーテーマも3種ほど用意されています。ダウンロードには...
Ads

様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」

Device Metrics Device Metricsは各モバイルデバイスやタブレット、ウェアラブルデバイス(今は主に時計)などのそれぞれの画面に関する情報をまとめたWebサイトです。Google公式の情報ですが、Apple製品や...

iPhoneやApple Watch、Androidのアプリアイコンにリサイズ出来るツール・「App Icon Resizer」

App Icon Resizer App Icon Resizerは作成したアイコンをiPhoneやApple Watch、Android向けのサイズにリサイズしてくれるWebツールです。チェックボックスにチェックを入れてアイコン画像...

Webサイトを様々なデバイスに対応させる為の軽量なjQueryプラグイン・「Restive.JS」

Restive.JS Restive.JSはWebサイトを様々なデバイスに対応させるためのスクリプトです。デバイスを検出してbody要素にclassを加える、任意のサイズでブレークポイントを作成する、任意のDOM要素のみにclassを...

クロスプラットフォームなモバイル向けアプリ構築の為のフレームワーク・「RAD.js」

RAD.js RAD.jsはモバイル向けのアプリケーション構築の為のフレームワークです。iOSやAndorid、Windows Phone 8の他、各主要ブラウザに最適化したクロスプラットフォームなフレームワークを目指しているそうです...

App Store用のスクリーンショットを作成出来る・「App Store Screenshot Builder」

App Store Screenshot Builder App Store Screenshot BuilderはApp Store用のスクリーンショットを作成出来るツールです。単純に、SSをアップロードしたりApp Storeに置...

知識不要でスマフォ向けのWebサイトを構築出来るWebサービス・「IXM Mobile Builder」

IXM Mobile Builder IXM Mobile Builderは知識不要でスマフォ向けのWebサイトを構築出来るWebサイトビルダーです。綺麗にスタイリングされたテンプレートを編集する形で構築しますので独自のスタイルで、と...

モバイルアプリ開発向けのHTML5製フレームワーク・「Mootor」

Mootor Mootorはモバイルアプリ開発向けに構築されたHTML5製フレームワークです。オープンソースとして公開されています。と、ご紹介はしたものの、時間が取れず、まだあまり良く見ていません。デモを触った限りでは悪く無さそうです...

書いたHTMLを任意のデバイスでリアルタイムプレビュー出来る・「snap tomato」

snap tomato snap tomatoは任意のデバイスでHTMLをリアルタイムプレビュー出来るツールです。別タブで開いても即反映されるので任意のデバイスで開けば、PCでエディタに書いたコードをスマフォやタブレットで即時確認出来...

Apple公式で配布されているiPhone6のデバイス素材・「Apple Product Images」

Apple Product Images Apple Product ImagesはApple公式で配布されているプロダクトイメージです。現行モデルの他にiPhone6も既にありました。ファイル形式はPSDとなっています。iOSアプリ...

スマフォやタブレット等のデバイスの画像フレームにスクリーンショットを埋め込める・「Frame」

Frame FrameはiPhoneやiPad、Andoroidやデスクトップなどのデバイスの画面に任意のスクリーンショット画像を合成できるWebサービスです。指定されたサイズの画像をアップロードするだけで合成された画像を作ることが出...

オープンソースのパスワードマネージャ・「Mitro」

Mitro MitroはOSSとして公開されているパスワードマネージャです。スマフォ等、他のデバイスと同期し、パスワードを共有することも可能のようです。現在の所、Chrome、Firefox、Safari、iOS、Androidに対応...

紙に描いたモックアップを撮影して実機で動作テスト出来る・「POP」

POP POPは紙に描いたモックアップを撮影し、実機で動作テストを確認出来るようにするスマフォアプリです。以前書いたClickDummyと同じコンセプトで、モックアップ同士をリンクで繋げることで擬似的に動作テストを行うことが可能です。...

動画やGIFで確認出来るiOSアプリのUIモーションギャラリー・「CAPPTIVATE.co」

CAPPTIVATE.co CAPPTIVATE.coはiOSアプリのUIモーションを動画やGIFで確認出来るデザインギャラリーです。様々なアプリのUIモーションを手軽に確認出来るのは有難いですね。実際に触ってみないと何とも言えない部...

モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」

Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...

ネイティブアプリライクなWebアプリを実装する為のUIライブラリ・「App.js」

App.js App.jsはネイティブアプリのようなルック&フィールを持ったモバイルWebアプリを実装する為のUIライブラリです。軽量で対応幅も広そうな印象でした。ライセンスはMITとの事。まだ触ってないので何とも言えませんが、ちょっ...

iOSアプリ向けヘルプデスクを作成する為のオープンソースのフレームワーク・「HelpStack」

HelpStack HelpStackはiOS向けのヘルプデスク作成フレームワークです。OSSとして公開されています。リアルタイムで更新される対話型のヘルプや、スクリーンショットの添付等が可能となっています。ヘルプデスクを充実させる事...

スマフォ向けWebアプリの為のシンプルなコンポーネント集・「Ratchet」

Ratchet Ratchetはスマフォ向けWebアプリの為のシンプルなコンポーネント集です。Bootstrapと同じ開発元で公開されていました。スマフォ専用のBootstrapなのかもしれないですね。基本的なものは一通り揃っています...

CSSで書かれたフラットデザインなiPhoneやiPad・「devices.css」

devices.css devices.cssはフラットデザインなiPhoneやiPadをCSSで書くためのコードです。シンプルで見やすいので、モニタ部分に画像をはめ込んでモックアップにしたりもできそうですね。利用シーンは多くはないで...

iOS7向けのワイヤーフレームをIllustratorで作成する為のキット・「awesomekit.me」

awesomekit.me awesomekit.meはiOS7のワイヤーフレームをIllustratorで作成する為のキットです。マップやリスト、モーダルウィンドウなどなどUIコンポーネントは一通り揃っている印象でした。できる限り工...
Ads