WebベースのiOS7アプリ向けHTMLフレームワーク・「Framework7」
Framework7 Framework7はWebベースのiOS7アプリ向けに開発されたHTMLフレームワークです。iOS7のようなフラットなデザインで各UIコンポーネントもiOS7を意識した作りとなっています。ライセンスはMITとの...
Resource - iPhone/iPad
AngularJS対応のHTML5製モバイルWebアプリ向けのフレームワーク・「Ionic」
Ionic IonicはOSSとして公開されているAngularJS対応のHTML5なモバイルWebアプリ用フレームワークです。Sassベースで構築されています。jQueryに依存しないのは個人的に有りがたいです。ライセンスはMITと...
様々なスマフォアプリのFTUEをまとめている・「First Time User Experiences」
First Time User Experiences First Time User Experiencesは様々なスマフォアプリのUXで感じた良点や、改善点などをTumblrでレビューしているWebサイト。First Time U...
シンプルなプリローダーを実装するCSS・「(cs)spinner」
(cs)spinner (cs)spinnerはCSSのみで作るシンプルなプリローダーを実装するCSSです。CSSで描かれたエレメントをアニメーション表示させています。非常に軽量なので、少しでも軽くしたいモバイルサイト等に良さそうです...
モバイルフレンドリーなオープンソースのCMS・「Monstra」
Monstra Monstraは軽量でモバイルフレンドリーなOSSのCMSです。PHP製で、ApacheやNgnix等で動かせるようです。ライセンスはGPLとなっています。管理画面や仕様、ログイン画面等を見た、僕の主観イメージですが、...
iPadやiPhoneなどのデバイス向けのフラットデザインなモックアップ用素材・「Flat Apple’s Devices Mockup」
Flat Apple's Devices Mockup Flat Apple's Devices MockupはiPadやiPhone、Macbook等のApple製デバイス向けに作られたフラットデザインなモックアップ素材です。PSD...
軽量でシンプルなCSSフレームワーク・「Bijou」
Bijou Bijouはシンプルで軽量なCSSフレームワークです。圧縮版で2KBほどと、かなり軽量化されています。グリッドレイアウトにも対応できますが、12カラムではなく10カラムで設計されていますね・・なんとなく珍しい気がしました。...
Intel®開発のHTML5/CSS3/JavaScript向けIDE・「XDK」
XDK XDKはIntel®が開発したIDEです。HTML5やCSS3、JSなどを使ったWebアプリを構築する方をターゲットとして開発したそうです。Windows7、8、Mac、Linuxで動作するとの事。 XDK
CSSで作られたアニメーションロードインジケーターのキット・「SpinKit」
SpinKit SpinKitはCSSによるアニメーションロードインジケーターのキット。Githubにてソースが公開されています。スマフォ用/一部ブラウザのみ対応のWebサイトのみになってしまいそうですがデザインもシンプルで動きも滑ら...
モバイル向けのWebアプリ開発用に作られた軽量フレームワーク・「Zoey」
Zoey Zoeyはスマフォ向けのWebアプリの開発用に作られた軽量なフレームワークです。zepto.jsに依存しています。HTML5とCSS3ベースで各種コンポーネントが揃えられています。ライセンスはMITです。 Zoey
スマフォ向けの美しいデザインのUIキット・「Flatastic Mobile UI Kit」
Flatastic Mobile UI Kit Flatastic Mobile UI Kitはスマフォ向けの美しいデザインのUIキットです。よく使われるインターフェースは勿論、スマフォならではのUIなども含まれています。見やすくてい...
レスポンシブWebデザイン対応のHTMLメールのフレームワーク・「Ink」
Ink InkはRWDなHTMLメールのフレームワークです。スマフォの普及でモバイルからメールを確認する機会が増えた方も多いかもしれませんのでニュースレターに導入するのも良いかもしれません。 Ink
iOS7な色合いのカラーコードをコピペ出来る・「iOS 7 colors」
iOS 7 colors iOS 7 colorsはiOS7風の色合いのカラーコードをコピペ出来るようにまとめたWebサイトです。マウスを乗せるとカラーコードが表示されます。グラデーションの場合はそのグラデ用のカラーコードが表示されま...
スマフォやタブレット向けのCSSフレームワーク・CLANK
CLANK CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで使いやすそうですね。 CLANK
RWDのワイヤーフレームを作成出来る・「Responsive Wireframes」
Responsive Wireframes Responsive WireframesはRWD向けのWebサイトのワイヤーフレームを作成出来る、というツール。画面サイズを見ながらレイアウトを作ることが出来ます。凝ったことは出来ませんが...
iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」
ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...
スマフォアプリのUIでクールなデザインを集めたギャラリー・「Inspired UI」
Inspired UI Inspired UIはiOSやAndroidのアプリでクールなUIのデザインを集めたWebサイトです。Tumblrで作ってるみたいですがリブログは出来ないようにしてるみたいですね。かなりの数を揃えているようで...
モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」
Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...
デバイス別にレイアウトを作れるレスポンシブWebデザイン用CSS作成ツール・「Responsive Web Css」
Responsive Web Css Responsive Web Cssは、iPhoneやiPad、PCなどのデバイスの画面サイズ毎にレイアウトを作れるレスポンシブWebデザイン向けのCSS作成ツール。ボックスはカラムを追加して幅を...
WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」
MockUPhone MockUPhoneはiPhoneやiPad、Androidなどを模したイラストにスクリーンショットを合成出来る、というモックアップツール。そのデバイスで閲覧しているような画像を手軽に作ることが出来ます。 ...
Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」
iOS 7 Wireframe Kit iOS 7 Wireframe Kitはイラレで使えるiOS7用のワイヤーフレーム作成キットです。ツールやナビゲーションなどの各種バーコンテンツやスイッチボタン、テーブル、アラートなどなど一...
UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
UI Animations UI AnimationsはUIアニメーションをGifアニメにしてTumblrで収集しているサイトです。実際に触って体感することも大事ですが、こうして見るだけでも参考になりそうですね。まだ数は少ないですが、...