読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

QRコード作成サイト(jQueryMobile版)

jQueryMobileでQRコード作成サイトを作ってみました。大きさ、色を変更できるようになっています。

jQueryMobileで作るプレゼン資料

jQueryMobileで第2回サイトプレゼン資料を作ってみました。 プレビュー ↓別ウィンドウを開いて見る 第2回プレゼンテーション ↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料 コード HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title></title></meta></meta></head></html>…

jQueryMobileのCSSをフルカスタマイズする

jQueryMobileの解説記事「ASCII.jp:西畑一馬のjQuery Mobileデザイン入門」を参考にjQueryMobileのCSSをフルカスタマイズしてみました。記事内で作られたサンプルサイトと読み込むjQuery、jQueryMobileのバージョンを変更しています。バージョンが異なると…

Theme RollerでjQueryMobileの独自テーマを作る

ステップ1:Theme Rollerにアクセス ThemeRoller | jQuery Mobile ステップ2:デフォルトテーマのインポート ↓「Import」をクリック ↓「Import Default Theme」をクリックし、「Import」ボタンをクリック ステップ3:テーマを追加 ↓「+」ボタンをクリッ…

jQueryMobileでグリッドレイアウト

プレビュー ↓別ウィンドウを開いて見る グリッドレイアウト↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料 ポイント 「ui-grid」 a:2カラム b:3カラム c:4カラム d:5カラム コード <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>グ</title></meta></meta></head></html>…

jQueryMobileのリストテンプレート

プレビュー ↓別ウィンドウを開いて見る リストテンプレート↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料 ポイント 分割リストのレイアウトを変更するには「data-split-icon」「data-split-th…

jQueryMobileのフォームテンプレート

プレビュー ↓別ウィンドウを開いて見る フォーム↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料 ポイント 「text-overflow」 ellipsis:テキストが領域を超えてしまった場合、オーバーフローし…

jQueryMobileのサイトにGoogle マップを設置する

プレビュー ↓別ウィンドウを開いて見る 【jQueryMobile】Google マップの表示↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料 ポイント jQueryMobileで作られたサイトにGoogle Mapを表示させる…

jQueryMobileのページ切替効果をいろいろ試してみる

プレビュー ↓別ウィンドウを開いて見る ページ切替効果↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料ポイント 「data-transition」にfadeやflipといった値を指定します。 fade:ページがフェ…

jQueryMobileのデザインテーマをいろいろ変更してみる

プレビュー ↓別ウィンドウを開いて見る デザインテーマのデモ↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料ポイント 「data-theme」にa〜eのいずれかを指定する 「list-divider」のテーマを変…

jQueryMobileの基本

プレビュー ↓別ウィンドウを開いて見る jQueryMobileの基本↓QRコード ※おすすめQRコード読み取りアプリ お父さんQR カテゴリ: ユーティリティ サイズ: 2.3 MB 価格: 無料ポイント ↓jQueryMobile公式サイト jQuery Mobile | jQuery Mobile ↓jQueryMobile日本…