モバイルデザインテンプレートを探す旅 / 今、何が標準なの?

Webデザイン

カテゴリー: モバイルデザイン  閲覧数:548 配信日:2015-12-17 21:32


Webアプリ


CSSフレームワーク
Bootstrap
4系
3系
2系

JavaScriptフレームワーク
jQuery Mobile
Zepto.js
jQueryサイト(サイタ管理画面)のZepto移行に挑戦してわかったこと



HTML5ハイブリッドアプリ


JavaScriptフレームワーク
Onsen
・「AngularJS」or「jQuery」ベースのフレームワーク
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
Ionic
・AngularJS 使用
・Sassベース


ネイティブアプリ


JavaScriptフレームワーク
React Native
・Reactベースのフレームワーク
Facebookのオープンソース「React Native for Android」でクロスプラットフォーム開発が簡単になる
Tabris.js
Tabris.js: JavaScriptでネイティブモバイルアプリを作る

週間人気ページランキング / 7-17 → 7-23
順位 ページタイトル抜粋 アクセス数
1 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 14
2 RGB ⇔ Lab | 色変換(色) 10
2 「東京都」のカラーコード取得は難しい | カラーコード(色) 10
2 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 10
3 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 9
4 カラーコード / 色コード | カラーコード(色) 8
4 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 8
5 鉄道会社毎のカラーコード | カラーコード(色) 7
6 色モデルイメージ図 | 色変換(色) 6
6 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 6
6 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 6
6 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 6
7 効果を打ち消すスタイルシート | CSS 5
8 RGBの種類 / ビットカラー | RGB(色) 4
8 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 4
8 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 4
8 16進数カラーコード / 2進数 4
8 Design 0 4
8 utf-8ではなく、UTF-8 | HTML 4
8 「bgcolor」「background-color」「background」の違い | CSS 4
2025/7/24 1:01 更新
指定期間人気ページランキング / 2020-5-30 → 2025-7-23
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8655
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4563
3 血の色 / #b30000 / #360800 / #ff0000 | 色 3738
4 Design 0 3704
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2712
6 RGBの種類 / ビットカラー | RGB(色) 2656
7 「bgcolor」「background-color」「background」の違い | CSS 1984
8 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 1899
9 16進数カラーコード / 2進数 1841
10 コズミックブルーが何色か分からない | 色 1810
11 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1666
12 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1656
13 「属性」「プロパティ」「アトリビュート」の違い | CSS 1595
14 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1511
15 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Google Chrome(ブラウザ) 1454
16 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1361
17 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 1331
18 「東京都」のカラーコード取得は難しい | 色 1192
19 HSLとHSVの違い | 色変換(色) 1150
20 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 1131
2025/7/24 1:01 更新