Resource - モバイル/タブレット

レスポンシブなHTMLメールを手軽に作れるWebサービス・「MailDeveloper 」

MailDeveloper MailDeveloperは手軽にレスポンシブWebデザインに対応したHTMLメールを作成出来るWebサービスです。一昔前に比べてHTMLメールもかなり浸透してきましたが、その背景にはスマフォの普及もあるか...

Swift製のiOS向けオープンソースライブラリをまとめている・「iOS Cookies」

iOS Cookies iOS CookiesはSwift製のOSSなライブラリを手作業でキュレーションしているまとめサイトです。大きくUI、チャート、アニメーション、ネットワーク等のカテゴリに分けられていますので迷うこと無く探せると...

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

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

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

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

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

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

モバイルアプリの為のUIフレームワーク・「Touchstone.js」

Touchstone.js Touchstone.jsはモバイルアプリのためのUIフレームワークです。React.jsベースのようですね。美しくハイブリッドなアプリの構築をサポートしてくれる・・との事ですが、まだロードマップを見る限り...

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

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

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

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

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

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

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

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

スマフォサイトにも対応可能の、インタラクティブなプロトタイプを作成する為のツールキット・「FRAMER.JS」

FRAMER.JS FRAMER.JSはスマフォサイトにも対応したプロトタイプ作成の為のフレームワークです。アニメーションを取り入れることでインタラクティブなプロトタイプを作成できる、という事を目的としているようです。使い慣れるまで少...

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

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

スマートフォンのカメラを利用して認証する・「clef」

clef clefはスマフォのカメラで認証、ログインできるようにするWebサービスです。WordPressのプラグインも用意されています。表示されるアニメーションをスマートフォンの専用のアプリで起動したカメラで読み取ることで認証を完了...

WebベースのiOS7アプリ向けHTMLフレームワーク・「Framework7」

Framework7 Framework7はWebベースのiOS7アプリ向けに開発されたHTMLフレームワークです。iOS7のようなフラットなデザインで各UIコンポーネントもiOS7を意識した作りとなっています。ライセンスはMITとの...

AngularJS対応のHTML5製モバイルWebアプリ向けのフレームワーク・「Ionic」

Ionic IonicはOSSとして公開されているAngularJS対応のHTML5なモバイルWebアプリ用フレームワークです。Sassベースで構築されています。jQueryに依存しないのは個人的に有りがたいです。ライセンスはMITと...

Android向けのUIキット・「Android FlatUI」

Android FlatUI Android FlatUIは、Android向けに作られたフラットなデザインのUIキットです。カラーテーマも12種ほど用意されています。フラットなUIはスマフォのように幅の狭い画面では見やすい印象ですね...

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

Screensiz.es Screensiz.esはスマフォやタブレット、PCなどのスクリーンサイズを一覧化したWebサイトです。一覧テーブルではOSや普及率、サイズなどでソートも可能で、不要な項目は非表示にする事も出来ます。 ...

レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」

HTML5 Up! HTML5 Up!は様々なHTML5 / CSS3なテンプレを配布するWebサイトです。全てレスポンシブWebデザインに対応しています。現在12~13個ほどあり、素敵なデザインに仕上がっています。ライセンスはCC-...

Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」

Fries Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT...

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

Phantom Limb Phantom Limbはデスクトップブラウザでタッチデバイス向けのイベントを動作テストできるブックマークレットです。任意のページでブックマークレットを起動するとクリックでタッチイベントが発火するようになりま...

iPhone, や、iPad、MacのアプリサイトのWebデザインギャラリー ・「App Sites」

App Sites App SitesはiPhoneやiPad、Macのアプリを紹介しているWebサイトのデザインギャラリーです。アプリデベロッパーの方のインスピレーション向上になりそう。Tumblrで作られています。 App ...

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

Media Query Snippets Media Query Snippetsは、任意のデバイスに対応する為のMedia Queriesのコードを一覧にしてコピペ出来るようにまとめているWebサイトです。チートシート的に使えて良さ...
Ads