vesna

no image

jQueryMobile

data-属性によるウィジェットの設定

2015/11/29    

テーマの他にもウィジェットにdata-属性を追加して、色々な事ができます。 ウィジェット 名称=設定値(太字は初期値) 説明 ページ、ダイアログ data-title="文字列" タイトルの設定で文字 ...

no image

jQueryMobile

テーマを設定する

2015/11/22    

テーマとは、統一化された各ウィジェットの外観などのデザインの事で、それぞれに名前がついています。同じ画面に表示される別々のウィジェットに対して同じ名前のテーマを設定して表示すると、画面全体のデザインに ...

no image

jQueryMobile

ポップアップを表示する

2015/11/22    

ポップアップ(popup)とは、pageの上に付加情報や画像などのコンテンツを重ねて表示するウィジェットのことです。ウィジェットの隅にはアイコンを表示することができます。ダイアログと似ている点もありま ...

no image

jQueryMobile

ダイアログ

2015/11/22    

ダイアログは、ユーザーに対して警告や注意をひくために、伝えたいことを表示します。ダイアログが表示されると、デフォルトでは背景が別の色に変わってダイアログ以外のウィジェットが操作できなくなります。これを ...

no image

jQueryMobile

同じHTML文書に複数ページを作成してみる

jQueryMobileでは、同じHTML文書内に複数ページを作成することができます。手順は以下の通りです。 1.data-role="page"を付したHTMLタグを<body>内に必要 ...

no image

jQueryMobile

コンテンツを表示する

2015/11/22    

コンテンツはそのページのメインとなる情報を表示する部分です。コンテンツはヘッダとフッタの間に配置します。コンテンツを囲むにはdata-role="content"を付します。HTML4ならdivタグ、 ...

no image

jQueryMobile

ヘッダ内、フッタ内にボタンを表示する

2015/11/22    

ヘッダ内にボタンを表示してみる ヘッダ内にリンクであるaタグを作成すると、それがボタンとして表示されます。リンクは2つまで設定でき、ヘッダ内の1つ目のリンクが左側、2つ目が右側に表示されます。リンクの ...

no image

jQueryMobile

ページ(page)とは

2015/11/22    , ,

jQueryMobileでは、スマートフォンの画面に表示するページ(page)というウィジェットで構成します。ウィジェットとは画面に配置する部品の事をいい、1つのページは画面全体に表示されます。pag ...

no image

jQueryMobile

jQueryMobileカテゴリーで出てくる用語集

2015/11/21    ,

jQueryMobileの記事で登場する用語を下記の表にまとめました。学習するときの助けになるかも。 出てくる用語 英単語 用語 意味 widget ウィジェット 画面上に配置するパーツのことで、ウィ ...

no image

CSS

圏点を指定する

今回の記事で紹介するプロパティは、IEやfirefoxでは利用できません。 語句を強調するため、文字の脇または上下に付ける点を圏点(傍点)といい、この圏点のスタイルや表示する位置を指定するプロパティを ...