2016-04

スポンサーリンク
jQueryMobile

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

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

コンテンツを表示する

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

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

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

ページ(page)とは

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

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

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

圏点を指定する

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

画像を合成して表示する

IE,Opera,Firefox以外のブラウザが今回対象です。 タイトルの通り2枚の画像を合成して表示するcross-fade()関数を使います。この関数は画像を扱えるプロパティの値として使用します。 引数の指定方法 ●画像の...
CSS

要素にフィルタをかけてみる

注意:今回書くfilterプロパティはChrome,Safari,Android,IOS7以降でないとは動作しません。 filter1プロパティを利用すると、要素に対して様々なフィルタをかけれます。フィルタの種類は、下記のフィルタ関数...
CSS

グラデーションの繰り返しを指定する

グラデーションは繰り返して表示することができます。線形グラデーションを表示たいなら、repeating-linear-gradient()関数を、円形グラデーションはrepeating-radial-gradient()関数を使います。()...
CSS

円形・放射状のグラデーションを指定する

radial-gradient()関数を利用すると、1点から放射状に広がる円形のグラデーションを表示できます。この関数は、画像を扱えるプロパティの値として指定します。 画像を扱えるプロパティすべてに指定できることに仕様上なってますが、...
スポンサーリンク
タイトルとURLをコピーしました