フッターを画面下部に固定する CSS sticky footer の Step By Step

Html

フッターを CSS で画面下部に固定したいのはよくあるケースなようで、『CSSStickyFooter』とか、『A CSS sticky footer』とかが有名どころでしょうか。 CSSStickyFooter は昔は Clearfix Hack を使っていたようですが、今やシンプルなCSSでフッターの固定化…

2011-10-27

分かりにくいCSS height のパーセント設定のまとめ

Html

CSS にて、要素の height にパーセント値を指定した場合の表示について分かりにくいので簡単にまとめておきます。要素をウインドウ全体に表示したいけど上手くいかない要素を画面全体に表示したい場合、「height: 100%;」と指定しても上手くいきません。 …

2011-10-18

Java7からのNIO2で高凝縮のエコーサーバを書いてみた

Scala

単なるエコーサーバをScalaで凝縮してみると、、 import java.net.{InetSocketAddress, StandardSocketOptions} import java.nio.ByteBuffer import java.nio.channels.{AsynchronousSocketChannel, CompletionHandler, AsynchronousServerSocketChannel} ob…

2011-10-07

HTML5 のカスタムデータ属性を使ってポップアップウインドウを制御する

JavaScript

よくあるポップアップ onclick イベントにて window.open 関数でポップアップを表示するよくある方法。 <a href='#' onclick="window.open('hoge.html', 'target', 'width=300, height=200');"> ポップアップ</a> この方法の問題点は、href にリンク先が設定されていないため、JavaScript を有効にしていない場合にリンク先のページを見るすべがないこ…

2011-10-06

JavaScript のリテラルパターン

JavaScript

オブジェクトリテラルオブジェクトの作成はコンストラクタにて以下のように書けます。 var car = new Object(); car.goes = "far"; が、より簡素なオブジェクトリテラル表記を使うべきです。 var car = {goes: "far"}; オブジェクトコンストラクタに数値を…