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

Webデザイン

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

週間人気ページランキング ／ 8-30 → 9-5
順位 ページタイトル抜粋 アクセス数
1 Design 0 5
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
3 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
3 Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる | Google Chrome(ブラウザ) 2
3 RGB ⇔ Lab | 色変換(色) 2
3 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2
3 考え方A.長さの比率で角度６０°を分割 ／ R≧G≧B 2
4 「Google Chrome」で「This browser does not support WebGL」と表示される場合は、ハードウェアアクセラレーションに不具合がある可能性があるため、設定画面よりハードウェアアクセラレーションを一旦無効にしてみる | Google Chrome(ブラウザ) 1
4 Bookmarks clean up | Chrome 拡張機能 1
4 Chrome 起動オプションを利用して、キャッシュを無効にする 1
4 「Bootstrap」の「js」がいつの間にか期待通り動作しなくなった際の対応案 | Bootstrap 1
4 テーブル枠線がどうしても消えない時は「border-collapse: collapse;」 | Backgrounds and Borders Module(CSS) 1
4 「Google Chrome」履歴一覧から、複数履歴を選択して一度に開くことはできません。バージョン: 94.0.4606.81（Official Build） （64 ビット） | Google Chrome(ブラウザ) 1
4 resizeが効かない場合は、min-heightを設定してみる | CSS 1
4 HTML5では、inputタグの閉じタグを付与しない | CSS 1
4 textareaを手動リサイズできない時は、ブラウザを落としてみる | Google Chrome(ブラウザ) 1
4 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 1
4 擬似クラス（Pseudo-classes） | 擬似(CSS) 1
4 サムネイル画像にpadding指定してはいけない。特に文字列を埋め込んだ画像では | 画像 1
4 カラーコード ／ 色コード | カラーコード(色) 1
2026/9/6 5:05 更新
指定期間人気ページランキング ／ 2020-5-30 → 2026-9-5
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8949
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4632
3 Design 0 4245
4 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 3805
5 RGBの種類 ／ ビットカラー | RGB(色) 2835
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2803
7 「bgcolor」「background-color」「background」の違い | CSS 2115
8 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2106
9 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 1997
10 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 1902
11 16進数カラーコード ／ 2進数 1896
12 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1733
13 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1708
14 「属性」「プロパティ」「アトリビュート」の違い | CSS 1696
15 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能(ブラウザ) 1578
16 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1548
17 「東京都」のカラーコード取得は難しい | カラーコード(色) 1485
18 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1404
19 「西武鉄道株式会社」のブランドカラーは、3色(#3366CC、#66CCFF、#33CC66) | 色 1267
20 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 1256
2026/9/6 5:05 更新