2013-01-01から1年間の記事一覧
wordpressに投稿した記事をtwitterに即流したいと思ったので調べてみたところ、WordTwitというプラグインがあったので、導入しました。参考にしたサイト http://whitehatseo.jp/wordpress%E3%81%A8twitter%E3%82%92%E9%80%A3%E6%90%BA%E3%81%95%E3%81%9B%E3%…
youtubeの動画をmp4に変換できるサイト http://www.clipconverter.cc/jp/ Bootstrapテンプレートページ http://bootswatch.com/ http://startbootstrap.com/ http://www.flatstrap.org/
panel <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap panel</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>
tab-pane <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap</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>
パンくずリスト <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap パンくずリスト</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>
progress-bar <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap progress-bar</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>
modal <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap</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>
table <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap table</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>
form <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>
Bootstrapテンプレート <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap</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>
mySQLへのデータインポート スプレッド形式（ods）でインポートすると楽 css3 ボタンジェネレータ http://www.cssbuttongenerator.com/
お問い合わせフォーム確認テストindex.php <html lang="ja"> <head> <meta charset="utf-8"> <title>メッセージ入力画面</title> </meta></head></html>
thanks.php <html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせありがとうございました…</meta></head></html>
http://csscomb.com/online/ CSSを整形してくれるオンラインツール。 before header { margin: 0 auto 12px; width: 1024px; height: auto; background: #F93; } .header_text { float: left; margin:12px 0; width: 280px; height: 90px; background: #999;…
画像の仮置きのスペースを確保するためにimage placeholderを利用 http://placehold.it/html <html lang="ja"> <head> <meta charset="utf-8"> <title>css3でロールオーバー</title> </meta></head></html>
キャリアコンサルティングの授業で応募書類作成から郵送までの流れの講義があったのでそのまとめ。書類の種類 履歴書 職務経歴書 添え状 ハローワーク紹介状（ハローワークを介する場合） ジョブカード（ハローワークを介する場合などで求められた場合） 書…
staff_edit.php <html lang="ja"> <head> <meta charset="UTF-8"> <title>スタッフ情報編集画面| おいしい野菜農園</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> 変更するスタッフが選択されていません。</p>'; print '<form>'; prin…</form>
HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>マルチデバイスサンプルサイト</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style-s.css"> </link></meta></meta></head></html>
html <html lang="ja"> <head> <meta charset="utf-8"> <title>Media Queries</title> </meta></head></html>
index.php <html lang="ja"> <head> <meta charset="UTF-8"> <title>おいしい野菜農園</title> </head> <body> <header> <h1>スタッフ追加</h1> </header> <section id="form"> <form action="staff_add_check.php" method="post" id="staff"> <p><label for="passwoed">スタッフ名を入力してください</label><br> </p></form></section></body></html>
コンタクトフォームindex.php <html lang="ja"> <head> <meta charset="utf-8"> <title>phpメールフォーム</title> </meta></head></html>
アスキーの下記の記事を参考に作成しました。 http://ascii.jp/elem/000/000/697/697463/http://portfolio.tank.jp/responsive/ソース <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width "> <title>トップ | 豆は体にイイ</title> </meta></meta></head></html>
cookieを使ってログイン情報をログアウトするまで保持する <html lang="ja"> <head> <meta charset="UTF-8"> <title>ログイン情報をログアウトするまで保持する</title> </head> <body> <h1>ログイン情報をログアウトするまで保持する</h1> <form action="session.php" method="post"> <dl> <dt>ID</dt> <dd><input type="text" name="my_id" id="my_id"></dd> <dt>パスワード</dt></dl></form></body></html>
cookieを使って訪問回数の確認をする
<html> <head> <meta charset="utf-8"> <title>入力されたIDを次回アクセス時まで覚える</title> </head> <body> <h1>入力されたIDを次回アクセス時まで覚える</h1> <form action="cookie.php" method="post"> <dl> <dt>ID</dt> <dd></dd></dl></form></body></html>
HTML5で追加されたフォーム関連の機能の一部placeholder属性テキストボックス等にあらかじめ入力サンプル文字を表示させることができる。この設定をしておくことで、ユーザーはどのような文字列を入れたら良いのか理解する手助けとなる。 placeholder属性を…
input.php <html> <head> <meta charset="utf-8"> <title>お問い合わせ入力フォーム</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="confirmation"> <form action="check.php" method="POST" id="inquiry"> <table> <tr> <th><label for="name">お名前</label></th> <td>…</td></tr></table></form></div></body></html>
入力フォームまとめ <html> <head> <meta charset="utf-8"> <title>入力フォームまとめ</title> </head> <body> <div id="confirmation"> <form action="check.php" method="post"> <table> <tr> <th><label for="name">お名前</label></th> <td><input type="text" name="name" id="name" size="30"></td> </tr> <tr> <th></th></tr></table></form></div></body></html>
半角数字に直して、数字であるかをチェックする <html> <head> <meta charset="utf-8"> <title>半角数字に直して、数字であるかをチェックする</title> </head> <body> <h1>半角数字に直して、数字であるかをチェックする</h1> <form action="post2.php" method="post"> <dl> <dt> 年齢（数字でご記入ください）</dt> <dd> <input type="text" name="age" size="5" maxlength="3"> </dd> </dl></form></body></html>
フォームの内容が空の場合に警告を表示する <html> <head> <meta charset="utf-8"> <title>フォームの内容が空の場合に警告を表示する</title> </head> <style> .required { background: #bb1850; color: #fff; font-size: 12px; padding: 12px; margin-left: 10px; } </style> <body> <h1>フォームの内容が空の場合に警告を表示する</h1> </body></html>
