コーディング関連の情報をお届けします。

ウェブ制作、コーディング初心者のメモ

: jQueryMobile

折りたたみを設定する

2015/12/5 data-collapse, 入れ子構造, 折り畳み

おりたたみ(collapse)は、予め概要を示す文字列が表示されている領域をクリックかタップすると、その下に詳細を示すコンテンツが表示されるウィジェットです。同じ領域をクリックすると詳細が閉じられて、 ...

: jQueryMobile

ボタン内にアイコンを表示したり、デザインを変更する

2015/12/3 data-icon, data-iconpos, アイコン, ボタン

ボタン内にアイコンを表示するには、リンクと同じように、data-icon属性、data-iconpos属性の２つを設定します。アイコンのみのボタンもこれにより設定します。アイコンと文字列を同じボタン ...

: jQueryMobile

ボタンを配置する

2015/12/3 data-role="button", data-role="controlgroup", data-type="horizontal", ボタン

リンクを表すaタグに「data-role="button"」を追加すると、画面にはボタンが表示されます。 <button>、<input type="button">のボタンは ...

: jQueryMobile

ページ遷移時にアニメーションを付けてたり、Ajaxによるアクセスを禁止する

2015/12/3 data-direction, data-transition, アニメーション, ページ遷移

リンクを操作し、あるページから別のページに飛ぶときに、MozillaやWebkitベースのブラウザではアニメーションが実行されます。このときのアニメーションを設定するのがdata-transition ...

: jQueryMobile

リンク先を設定したり、アイコンを利用する。

2015/12/3 data-icon, data-inconpos, アイコン

リンク(link)とは、次の画面に表示するコンテンツを表すもので、HTMLではaタグで表します。jQueryMobileを利用しないならaタグで囲まれたリンク先を示す文字列は青色で、文字列の下にアンダ ...

: jQueryMobile

class属性によりレイアウトとテーマを設定する

2015/12/2 グリッド, バー, 背景

ウィジェットが画面に表示されるとき、HTMLタグには様々なclass属性が追加されます。これらはCSSの設定を反映してレイアウトやテーマを表示するのに利用されます。今回は、前回までの記事で紹介したda ...

: jQueryMobile

ページのURLを設定する

2015/11/29 ページのURLを設定

ユーザーにページのURLを知らせる時に使用するのがdata-url属性です。 data-url属性を使用したサンプルコードの実行結果はこちら [crayon-696a39231313554187056 ...

: jQueryMobile

移動しないヘッダ、フッタにIDを設定する

2015/11/29 移動しないフッタ, 移動しないヘッダ

MozillaやWebkitベースのブラウザでは、リンクにdata-transition="slide"などのアニメーションが設定されていると、ページ遷移時に、サンプルコードの実行結果のようにヘッダ、 ...

: jQueryMobile

コンテンツをフルスクリーンで表示する

2015/11/29 data-fullscreen, data-position, フルスクリーン

ヘッダ、フッタにdata-position="fixed"とdata-fullscreen="true"を設定すると、表示されるコンテンツの周囲に余白が全くないフルスクリーンで表示されます。これは動画 ...

: jQueryMobile

data-属性により、ヘッダとフッタを常時表示する

2015/11/29 data-属性

前回の記事の続きです。ヘッダとフッタを常時表示ページのヘッダとフッタにdata-position="fixed"を書くと、ページの縦の長さが画面より大きく、その画面をスクロールさせた後でも、常に画 ...

« Prev 1 2 3 4 … 40 Next »