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

Webデザイン

→ → → Entries ← ← ←
カテゴリー: モバイルデザイン 　閲覧数:751　配信日: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でネイティブモバイルアプリを作る

週間人気ページランキング ／ 10-31 → 11-6
順位 ページタイトル抜粋 アクセス数
1 CSS カテゴリー 5
1 Design 0 5
1 ログイン 5
2 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 4
2 黒体 ／ 色温度 ／ D65（6500K）／ D50（5000K）／ K | 色 4
2 Google Chrome(ブラウザ) カテゴリー 4
3 「position:sticky;」がどうしても効かない →
を一旦削除してみる →
に「display:inline;」を指定 | CSSトラブル対応(CSS)
3
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
3 ページ内リンクの位置を微調整するためには、Negative margin を使用する | CSS 3
3 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 3
3 アイコンを「Font Awesome」から変更。→「自分で探したSVG」を「自分のserver」へアップロード | アイコン(デザイン) 3
4 画像 2
4 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
4 Chromeブックマーク(ブラウザ) カテゴリー 2
4 「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 | Google Chrome(ブラウザ) 2
4 鉄道会社毎のカラーコード | カラーコード(色) 2
4 フェイスアイコンメーカー ／ オリジナル顔アイコン ／ 江崎グリコ株式会社 2
4 _notesフォルダ削除 | Dreamweaver8(Dreamweaver) 2
4 「bgcolor」「background-color」「background」の違い | CSS 2
4 カラーマネージメント | 色 2
2026/11/7 5:05 更新
指定期間人気ページランキング ／ 2020-5-30 → 2026-11-6
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8959
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4639
3 Design 0 4318
4 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 3819
5 RGBの種類 ／ ビットカラー | RGB(色) 2847
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2813
7 「bgcolor」「background-color」「background」の違い | CSS 2131
8 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2106
9 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 2005
10 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 1918
11 16進数カラーコード ／ 2進数 1900
12 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1736
13 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1712
14 「属性」「プロパティ」「アトリビュート」の違い | CSS 1703
15 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能(ブラウザ) 1582
16 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1550
17 「東京都」のカラーコード取得は難しい | カラーコード(色) 1516
18 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1405
19 「西武鉄道株式会社」のブランドカラーは、3色(#3366CC、#66CCFF、#33CC66) | 色 1280
20 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 1258
2026/11/7 5:05 更新