Bootstrap Free themes for Bootstrap Free HTML Starter Templates for Bootstrap StyleBootstrap.info Flatstrap
Bootstrap Getting startedGridsystem <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet"> </link></meta></meta></head></html>
優れたiPhoneサイトデザイン集 [SP]矩形ナビゲーションレイアウト [SP]縦置きリスト型ナビゲーションレイアウト [SP]グリッドに並べたアイコンレイアウト [SP]写真を使ったボックスレイアウト [jQM]Dreamweaverでの設計 [jQM]ページ構成 [JQM]ページの作成 […
CSS3の新プロパティジェネレータのまとめ15と、それぞれの特徴分析 transition-property …… transition効果を適用するCSSプロパティ名を指定する transition-duration ……変化に掛かる時間を指定する transition-timing-function …… 変化のタイミング・進行割…
[スマートフォン]スマートフォンサイトの必要性と特徴 [スマートフォン]スマートフォンのブラウザ [スマートフォン]表示画面とViewport [スマートフォン]制作ワークフロー [スマートフォン]基本的なページ作成 [スマートフォン]レイアウト [jQM]jQueryMobile…
.htaccessによる振り分け パーミッションを604に変更。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|iPad|Android) RewriteRule ^$ /web/smart/dukkah/ [R] </IfModule>
サンプルソース（各章のサンプルサイト）
[PHP+MySQL]商品管理（3）画像を追加 index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>商品を追加</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <h1>商品を追加</h1> <form action="check.php" method="post" enctype="multipart/form-data"> <p>商品名を入力してください。</p></form></div></body></html>
[マルチデバイス]可変+固定レイアウトパターン：構造 [マルチデバイス]可変+固定レイアウトパターン：HTML+CSS
[PHP+MySQL]商品管理（1） [PHP+MySQL]商品管理（2） ログインチェック '; print '<p><a href="../staff_login/staff_login.html">ログイン画面へ</a></p>'; exit(); } ?>
[PHPテスト]ログイン
[API]Googleマップ挿入 [API]GoogleMap API（2） [API]GoogleMap API（3）
[JQ]カテゴリ別表示 [マルチデバイス]固定レイアウトパターン：構造 [マルチデバイス]固定レイアウトパターン：HTML+CSS [マルチデバイス]固定レイアウトパターン：解説
- [PHPテスト]フォーム（1） - [PHPテスト]フォーム（2） - [PHPテスト]フォーム（3） - [PHPテスト]フォーム（4） - [PHPテスト]フォーム（5）http://ichisemasashi.lolipop.jp/web/FORM_ver1/http://ichisemasashi.lolipop.jp/web/FORM_ver2/http://ichise…
[PHPテスト]フォーム（1） [PHPテスト]フォーム（2） [PHPテスト]フォーム（3） [PHPテスト]フォーム（4） [PHPテスト]フォーム（5）
書類作成 履歴書：フォーマットがある 職務経歴書：フォーマットない。A42枚 添え状 ハローワークの紹介状 ジョブカード
[PHP+MySQL]スタッフ登録一覧（1） [PHP+MySQL]スタッフ登録一覧（2） [PHP+MySQL]スタッフ登録一覧（3） [練習問題]まとめ（9） [PHP]QRコード作成サイト
clearfix .cf { zoom: 1; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } viewport <meta name="viewport" content="width=device-width"> @media /* タブレット向けのスタイル: 481px ～ 768px */ @media only screen and (min-width: 481px) { ... } /* PC向けのスタイ</meta>…
[マルチデバイス]Media Queries基礎 <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="style.css"> <title>sample1</title> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> </link></meta></meta></head></html>
[PHP+MySQL]スタッフ登録一覧（1） [演習]まとめ（3） index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>おいしい野菜農園</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <head> <h1>スタッフ追加</h1> </head> <section id="form"> </section></div></body></html>
[PHP+MySQL]お問い合わせ（1） input.html <html> <head> <meta charset="utf-8"> <title>お問い合わせメールフォーム</title> </head> <body> <h1>お問い合わせメールフォーム</h1> <p>このフォームはphpの練習で作成したサンプルです。入力されたメールアドレス宛に自動返信される機能がついています。</p> <p>よろしければお試しください</p> <form action="check.php" method="post" id="inquiry"> <table> </table></form></body></html>
[連携]データベース連携 [SQL]お問い合わせ：データベース（4）
[授業]グリッドレイアウト <html lang="ja"> <head> <meta charset="utf-8"> <title>楽しいおかず</title> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></meta></head></html>
[演習]まとめ（1） [フォーム]フォームの新属性 [フォーム]フォーム関連機能（1） [フォーム]フォーム関連機能（3） [フォーム]入力されたIDを次回アクセス時まで覚える - $_COOKIE [フォーム]ログイン情報をログアウトするまで保持する - $_SESSION
[フォーム]HTML5のフォームの新属性 [フォーム]HTML5のフォーム関連機能 <html> <head> <meta charset="utf-8"> <title>お問い合わせフォーム</title> <style> th { text-align:left; } </style> </head> <body> <h1>お問い合わせフォーム</h1> <p>当サイトに関して、ご意見、ご感想などがございましたら、こちらのフォームに必要事項をご入力の上、送</p></body></html>…
ゼロから始めるレスポンシブWebデザイン入門 <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>トップ|allWeb 豆はカラダにイイ</title> <link rel="stylesheet" type="text/css" href="css/style00.css" media="all"> </link></meta></meta></head></html>
[PHP]まとめ課題（1） 最小値を求める <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> </head> <body> <form action="post009.php" method="post"> 数値A:<input type="text" name="num1" ><br> 数値B:<input type="text" name="num2"><br> <input type="submit" value="送信"> </form> </body> </html>
制作発表会 [フォーム]Googleフォームでsend-mail
台風だったので自主休講
制作発表 指摘事項 フッターがない。全体的にマージンが足りず見づらい。 メニューが見づらい。他のサイトを参考にすること。 meta description3文節が足りない。 imgにaltをつけること。 全ページにスクロールバーを表示する。 html { overflow: scroll; } …
