HTMLとCSSでヘッダーとフッターを固定するレイアウトサンプルです。ポイント ?ヘッダーとフッターにそれぞれ position: fixed; をつける ?固定する位置は top: 00px; 、left: 00px; 、bottom: 00px 、right: 00px; の様に指定する ?ヘッダーとフッター幅の分…

CSS3のimage placeholderを使うと、画像の仮置きのスペースを確保することができます。画像がまだ無い場合に使えます。]

iPhoneサイト、スマホサイトをjQueryを実装して簡単に作れるサイトを紹介します。日本語訳されたサイトもあるので、簡単にしかも無料で作ることができます。使い方についても詳しく書かれているので是非チャレンジしてみては！？Loading...

以前まで$_POSTでデータを受け取って記述していましたが、 今回はSESSIONを使って記述してみます。 注意しなければいけないのが、check.phpでSESSIONにデータを受け渡してしまうと、 POSTの中身は空になってしまい、thanks.phpでもSESSIONを使って記述しなけ…

HTML5でPC用、タブレット用、iPhone用に対応するレスポンシブデザインのWebページサンプルです。 Media Queryを使うことで対応させています。ポイントは、 ?Media Queryは、サイズの小さいものからCSSを記述すること ?幅の指定は%で記述すること ?メタ要素と…

HTML5 でレスポンシブデザインにするためには、 メタ要素をこのように設定します。 <meta name="viewport" content="width=device-width"></meta>

DEMO_PAGE 画像横スライド HTML5, JavaScriptを利用して画像スライドメニューを作成しました。 Webページを華やかにする技術として利用できると思います。 jsファイルはDEMO_PAGEのページのソースから取得して下さい。 イメージを変えるだけで、簡単に実装で…

HTML5でMansonryレスポンシブデザインのpinterest風のWebサイトテンプレートを作りました。アメリカではPinterestという、FacebookでもTwitterでもない形式のサイトで物の売り買いが主流になってきました。 日本ではまだ受け入れられていないですが、Pintere…

自動現金回収システム MONEYTRAP パソコンに設定するだけで毎月口座に現金を収集！を紹介します。WEBを勉強していると、どうしてもこういったネットビジネスが目につきます。私もネットビジネスには興味があるので、とりあえず登録してみました！ htmlとアフ…

jQueryのライトボックスを紹介します。 ライトボックスのアルゴリズム ライトボックスは、サムネイルをクリックすることで本来の画像の大きさを表示させ、狭いスペースのなかで多くの写真を見るために利用される動作のためのプラグインです ライトボックスの…

HTMLとCSSでヘッダーとフッターを固定するレイアウトサンプルです。ポイント ?ヘッダーとフッターにそれぞれ position: fixed; をつける ?固定する位置は top: 00px; 、left: 00px; 、bottom: 00px 、right: 00px; の様に指定する ?ヘッダーとフッター幅の分…