lecture

HTML&CSS

jQuery Mobile1.4でスマホサイト作成4〜テーマの変更

data-thema属性で変更できるテーマは、jQuery Mobile 1.4の場合は「a」(白ベース)と「b」(黒ベース)の2種類のみです。 data-theme="a"またはdata-theme="b" ThemaRoller...
HTML&CSS

jQuery Mobile1.4でスマホサイト作成3〜開閉式コンテンツとPOPアップ

完成例サンプル リストをうまく利用することで小さなモバイル画面で情報を見やすく整理することができます。 リストビューの作成 リストの作成はul要素にdata-role="listview"属性を付加します。a要素でリンク設定すると...
HTML&CSS

jQuery Mobile1.4でスマホサイト作成2〜ボタンの作成

完成例サンプル リンクボタンの作成 リンクボタンの作成は簡単です。a要素にclass="ui-btn"というクラスを指定するだけです。 リンクボタンの作成は旧バージョンから1.4になってから大きく変更されていますので注意してくださ...
HTML&CSS

jQuery Mobile1.4でスマホサイト作成1〜文書構造作成

jQuery Mobileのバージョン1.4では、従来バージョンから変更があります。1.4に対応した記述方法を学習します。 jQuery Mobileの準備 モバイルページサンプル meta要素にviewportの設定を記述します...
HTML&CSS

HTML5〜コンテンツモデル

HTML5におけるコンテンツモデルとは、ある要素の中に何を含めることができるかを定義したものです。 例えば次のようなHTMLがあったなら、コンテンツモデルから正しい書き方かどうか判断できます。 div要素のカテゴリはフローコンテンツ...
HTML&CSS

:nth-child()の使い方を極める〜CSS3疑似クラス

:nth-child() 擬似クラスについて :nth-child() 擬似クラスの仕様として、W3CのRecommendation仕様書(日本語訳)には以下のように記されています。 6.6.5.2. :nth-child() 擬似...
lecture

PHP基礎 (15) ファイルの入出力

ファイルを1行ずつ読み込む ファイルを開く PHPでファイルを読み書きするには fopen 関数でファイルを開きます。引数には「ファイル名」と「モード」を指定します。fopen 関数でファイルを開くとファイルポインタ(ハンドルともいう)...
jQuery

スライドギャラリー解説補助資料〜jQueryドーナツ本

受講生対象の補助資料です。 以下jQuery教材のドーナツ本のスライドギャラリーの補助資料です。 スライダの構造 スクリプトの解説 HTML構造 ソースが読めてもスライド機能のからくりがわかりづらいで...
HTML&CSS

包含ブロックについて

包含ブロックとは 2017年2月26日 「widthやmarginなどのサイズの設定次第で包含ブロックとなる親要素を飛び出す(オーバーフローする)ことも可能です」 を追加しました。 ボックスモデルは次の図で表すことができます。 ...
HTML&CSS

CSS ボックスモデルについて解説

ボックスモデルとは どの要素も四角い領域を生成します。この四角い領域を「ボックス」といいます。ボックスを作成する要素はブロックレベル要素に限りません。インライン要素もボックスを作成しますがその表示方法が少しブロック要素と異なるところがポイ...
スポンサーリンク
タイトルとURLをコピーしました