2012-08-01から1ヶ月間の記事一覧
賛否両論ありますが、マイクロソフトは確実に良い方向に向かっていると思います。 25年ぶりにロゴの変更 この4つの四角は、Window8のMetroUIのパネルをイメージしていて、モバイル・タブレット・デスクトップの垂直統合を図ろうという計画の強い表れでしょう…
最近の傾向では、アイコンは画像として作らずにWebfontを利用して表示する方法が出てきました。 その方法をMや山くん風にキャプチャを乗せながらトライ。 手順1. 下記のサイトよりシンボル化されたWebfontをダウンロードする http://www.justbenicestudio.co…
PHPをつかってフィードを取得します http://felica.boy.jp/textbook/lecture1-4-4.php channel -> item as $item) { print('<li><a href="' . $item -> link . '">' . $item -> title . '</a></li>'); } …
すでにあるファイルを読み込む方法と、ファイルの中身を編集する方法です。 更新ボタンを押せば、どんどん追加されていきます。 http://felica.boy.jp/textbook/lecture1-4-3.php <br>
ファイルをスクリプトで保存する方法です。 これ、どういう場面で使うんだろう・・・ http://felica.boy.jp/textbook/lecture1-4-2.php ファイルへの書き込みが完了しました。</p>'); } else { print('<p>…</p>
ファイルをアップロードして、指定したフォルダに格納 http://felica.boy.jp/textbook/lecture1-4-1.php <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> </body></html>
年月日で1月を01月と表示するのに有効 http://felica.boy.jp/textbook/lecture1-3-8.php <br> <br> <br>
切り上げ、切り捨て、四捨五入などの計算 http://felica.boy.jp/textbook/lecture1-3-7.php 3000円のものから100円値引きした場合は、' . floor(100 / 3000 * 100) . '%引きです</p>'; ?> <p>その他の計算</p> <ul> 元の計算式→' . 100 / 3000 * 100 . '</li>'; print '<li>切り上げ</li>…
http://kashinotakanori.com/bootleg/ リンク先のページからPDFがダウンロードできます。 非常に秀逸な文章構成で、これが無料で提供されていることはすばらしい!デザイン目指している方は、一度目を通してみるのも悪くないです。
余剰算を用いて余りの値を取得し、反映させる http://felica.boy.jp/textbook/lecture1-3-2.php <table border="1"> '); } else { print('<tr>'); } print('<td>' .$i. '</td>'); print('<td>' .$i. '行目の情報です</td>'); print…</tr></table>
郵便番号の入力された値を、正規表現で判定する。 /\A\d{3}\-\d{4}\z/ http://felica.boy.jp/textbook/lecture1-2-8.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-2-8.php" method="get"> <dl> <dt>郵便番号(例:123-4567)</dt> <dd></dd></dl></form></body></html>
年齢など、全角で入力されてしまった値を半角にしてデータを渡す。 また、入力されたテキストが数字かどうかを判定する。 http://felica.boy.jp/textbook/lecture1-2-7.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-2-7.php" method="get"> <dl> <dt>年齢(数字で入力してください)</dt> <dd></dd></dl></form></body></html>
複数のチェックボックスを配列として渡し、phpで値を表示する。 http://felica.boy.jp/textbook/lecture1-2-6.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-2-6.php" method="get"> <dl> <dt>ご予約希望日(複数選択可):</dt> <dd> <ul> <li></li></ul></dd></dl></form></body></html>
emptyファンクションをつかって、入力が空の時にエラーを出力する。 http://felica.boy.jp/textbook/lecture1-2-5.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-2-5.php" method="post"> <dl> <dt>名前<span class="required">必須</span></dt> <dd> </dd></dl></form></body></html>
連想配列をつかって、チェックボックス・ドロップダウン。 http://felica.boy.jp/textbook/lecture1-2-4.php <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="" method="get"> <dl> <dt>商品</dt> <dd> 'ガム', 'b-1'=>'チョコレート', 'c-3'=>'クッキー'); //f…</dd></dl></form></body></html>
foreachを使用して、配列のパラメータを順番に取得していく http://felica.boy.jp/textbook/lecture1-2-3.php <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <p>foreach文</p> <select name="pref" id="pref"> </select></body></html>
date('t')を利用すると、月の正しい日数が取得できる http://felica.boy.jp/textbook/lecture1-2-2.php <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="" method="get"> <dl> <dt>日にち</dt> <dd> 月 <select name="day" id="day"> </select></dd></dl></form></body></html>
while文やfor文を使って、ドロップダウンメニューを作成 http://felica.boy.jp/textbook/lecture1-2-1.php <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <p>while文</p> <select name="age" id="age"> ' .$i…</select></body></html>
変数で定義して、複数利用 http://felica.boy.jp/textbook/lecture1-1-6.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-1-6.php" method="get"> <dl> <dd><input id="my_name" type="text" name="my_name" size="35" maxlength="255" value=""></dd> …</dl></form></body></html>
ページを読み込んだ時に、ランダムに3つのURLに飛ばす。 アクセス解析のA/Bテストをやるときに有効 http://felica.boy.jp/textbook/lecture1-3-6.php
メールを送信するメソッドを使う http://felica.boy.jp/textbook/lecture1-3-5.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-3-5.php" method="post"> <dl> <dt>送信先(To)</dt> <dd></dd></dl></form></body></html>
ログイン状態を保持するセッション。ログアウトや、ブラウザを閉じるまで情報が保持される。 ※ここは完全に理解。 http://felica.boy.jp/textbook/lecture1-3-4.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-3-4.php" method="post"> <dl> <dt>ID</dt> <dd></dd></dl></form></body></html>
ログイン情報をCookieに保存する ※ここすごい難しかった http://felica.boy.jp/textbook/lecture1-3-3.php <form action="lecture1-3-3-1.php" method="post"> <dl> <dt>ID</dt> <dd>…</dd></dl></form>
ラジオボタンで値を渡す http://felica.boy.jp/textbook/lecture1-1-5.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <form action="lecture1-1-5.php" method="post"> <dl> <dt>性別:</dt> <dd> </dd></dl></form></body></html>
フォームに値を入力して、actionの先で出力 http://felica.boy.jp/textbook/lecture1-1-4.html <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> </body></html>
教科書をとりあえずやってみようかと。 http://felica.boy.jp/textbook/lecture1-1-3 <html> <head> <meta charset="UTF-8"> <title>よく分かるPHPの教科書</title> </head> <body> <p> </p> </body></html>
リストのふわふわした表示 @-webkit-keyframes ticker { /* 1行目 */ 0% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } 10% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: …
できました。 ナビゲーションの作り方が勉強になりましたねえ。http://felica.boy.jp/mobilesite/chapter4/
なんと!リリース2日目にしてランキング入り。 無料アプリランキング第60位! ナビゲーションランキング第3位! アイコンの画像いくつかリストアップしたんですけど、なぜかこれが採用・・・ もっと、美しいデザインいっぱい提案したんだけどなあ・・・
パッキーノさんのお店の実物はみてないけど、自分のイタリアンのサイトのヘッダーイメージってこんな感じなんだよなあ・・・ ちょっと、作ってみました。