HTML&CSS マウスホバーで画像を入れ替える〜jQuery
マウスホバーでボタンなどの画像をフワッとクロスフェードさせたいという相談が多いので、何種類かのアプローチと失敗例などを書きました。
CSS3でクロスフェードさせるサンプル
jQueryでimgタグの画像をクロスフェードさせる（成...
Tips
HTML&CSS 
Tips キャプション付きの画像挿入の注意点〜WordPress
WordPressの投稿で画像を挿入する場合にはメディアライブラリの機能を使ってアップロードして使用することになります。メディアライブラリにはキャプションの設定もできるようになっています。
ところで、このキャプションを設定すると画像を...
Tips 前後の投稿一覧ページのリンク〜WordPress
前後の投稿一覧ページのリンクは「前後の投稿記事にリンク」と似ていますが別物です。こちらは投稿の一覧ページなどで1ページに複数の投稿を表示して、表示しきれないページを呼び出すためのものです。1ページの表示件数は設定で変更できます。
記述...
Tips 前後の投稿記事にリンク〜WordPress
投稿ページを個別に表示した場合、次の記事を表示したり、前のページを表示するためのリンクが必要になります。
テンプレートタグは次のとおりです。
前の記事 previous_post_link()
つぎの記事 next_post_link...
JavaScript 日付と時間〜PHPとJavaScriptの記述方法
JavaScriptとPHPを使っていると日時表示の方法がごっちゃになってしまいます。
それでまとめました。
PHPでの日付と時間の表示
PHPで日付や時間を取り扱うにはdate()かstrftime()を使用します。
date(書...
php&MySQL BMI測定〜PHP課題
スマートフォン用サイズでBMI測定のページを作成しましょう。
PHPを使用して入力フォームに身長と体重を入力してもらい、BMIを算出する仕組みを作成します。
BMIは次の式で求められます。
BMI=体重/身長^2
入力フォームは...
php&MySQL isset()の使い方〜PHP
PHPでformからデータを受け取って何かする場合、たいていの入門書はisset()を使用してデータの有無を判別しています。
けれども、isset()はちょっとくせものですから気をつけましょう。
PHP マニュアルではissetの説...
HTML&CSS リキッドと固定を組み合わせた2カラムレイアウト
2カラムのレイアウト作成
2カラムレイアウトで基本的なレイアウトを作成する例です。固定幅の場合と可変幅の場合、そして固定幅と可変幅の場合をそれぞれ紹介します。
固定幅の場合
これはfloatで2カラムにしたものです。ボックスモデルの計...
HTML&CSS box-sizingについて〜CSS3
box-sizingの値は次のようになっています。
content-box
パディングとボーダーを幅と高さに含めない（初期値）
border-box
パディングとボーダーを幅と高さに含める
content-...
php&MySQL パスワードのハッシュ化〜PHP
パスワードの保存
なんらかの認証を行う場合、ユーザーにパスワードを入力してもらい、その値とあらかじめ用意していた正解のパスワードと比較をして正しければ認証は成功しますし、正しくなければ認証に失敗します。
ここで問題がおこります。安全に正...