趣味が囲碁なのですが、ボード碁会所を設置してみました。操作は簡単です。 1. メンバー登録する 2. 掲示板に対局を希望する旨の投稿をする。手合いなどは掲示板を使って相談する 3. 対局相手が決まったら白番・黒番どちらかが対局盤を設定する 4. 対局盤を…

Shot Bar、ワインバーなどをイメージしてホームページ・テンプレートをつくってみました。 http://qitailang.small.jp/template/bar/index.html http://qitailang.small.jp/template/ 背景画像をウィンドウ全体に表示してみました。あまりウィンドウ全体がス…

和風な飲食店むけテンプレートです。 画像置換を使ってソースを読みやすくしました。SEO的にも有利じゃないかと... デザインはきわめてシンプルな代わりに、bxSliderでちょと動きのあるページにしてみました。 http://qitailang.small.jp/template/kappou/in…

これまで、カスタマイズしたり自作したwebページテンプレートを全部ではないですが、ダウンロードできるようにしてみました。 http://qitailang.small.jp/template

問い合わせにはフォームを使うのが一般的で、それなりの会社だったらそうするのが普通だろう。 しかし、私の経験ではフォームでは、スパムメールは排除できても、admin@hoge.comみたいな架空メールアドレスからの投函を防ぐのが難しいのではないであろうか？…

和風レストラン、古民家レストラン、寿司店、旅館向けテンプレートを作ってみました（NIkukyu-Punchさんのテンプレートをカスタマイズ）。 http://qitailang.small.jp/template_modified/yado2_blue/ http://qitailang.small.jp/template/

中華料理店向けテンプレート向けテンプレートを作ってみました。 http://qitailang.small.jp/template

飲食店などのwebページで価格表を表示するときのCSS http://qitailang.small.jp/webtech/price_line/sample.html <dl class="price"> <dt>フィレステーキ</dt><dd>&yen;2,000</dd> <dt class="description">A5ランクの神戸牛を使っています</dt> <dt>フォアグラのソテー</dt><dd>&yen;2,000</dd> <dt>白身魚のムニエル</dt><dd>&yen;2,000</dd> <dt>伊勢エビのソテー甲殻</dt></dl>…

sample1sample2（簡易レスポンシブ - 479px以下１カラム表示） ステップ１ リスト構造は下のように単純なものである。これを短いCSSで均等に横並びカラムで表示することにする。 <div id="item-list"> <ul class="cols-3"> <li>商品01</li> <li>商品02</li> <li>商品03</li> <li>商品04</li> <li>商品05</li> <li>商品06</li> </ul> </div> リスト項目を１列から８列表…

sample1（固定幅）sample2（可変幅）sample3（簡易レスポンシブ） 固定幅レイアウトにもリキッドレイアウトにも応用できるグリッドCSSを作ってみた。特徴は、 個々のカラム幅をパーセントで指定するので、固定幅レイアウトにもリキッドレイアウトにも応用で…

メール・リンクのスパム対策だが、どうやらエンティティ化（実体参照文字列化）や単純なJavaScriptによる記述では、怪しいようだ。コチラでメールアドレス収集ロボットの解析結果が確認できる。 結局のところリンクの箇所にマウスを持っていったとき、ステー…

Let's Note（Windows7）の中古を買いました。 HTMLを書いた時、IE8でどんな風に見えるか確認するのが主な使い道です。 Let's Noteにしたのはあの丸いTouch Padが便利そうだったからです。iPodみたいにグリグリ周りをこすってスクロールする奴です。Macのノー…