パターンや大きい背景画像に対応シンプルなウェブレイアウトの作り方
2008.12.2 (X)HTML- CSSHow a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds
パターンや大きい背景画像に対応シンプルなウェブレイアウトの作り方が丁寧に説明されています。一読しておくべきですね。
How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds
パターンや大きい背景画像に対応シンプルなウェブレイアウトの作り方が丁寧に説明されています。一読しておくべきですね。

jQueryとはjavaScriptで開発されたAjaxライブラリであり。軽量、高速、プラグインが豊富などの利点が挙げられる。特に最近ではjqueryの利用率はどんどんあがっており、SONYのホームページに採用されていることも有名です。SONYのサイトを見ればjqueryで大体どんなことが可能なのか掴めると思います。
このブログではjqueryを使用した実例を、備忘録がてら掲載していこうと思います。自分のレベルはあくまで「日曜プログラマー」なのであくまで一例ということで・・。
とりあえず今回は導入方法。
1.http://jquery.com/(http://code.google.com/p/jqueryjs/)よりjquery-1.2.6.sをダウンロード
2.(zipファイルをダウンロードした場合は解凍して)任意のディレクトリにアップロード
3.htmlファイル内で以下のように記述してインクルード
これで準備は完了。次から使用例をぼちぼち書いてきます。
wordpressテーマ作成のためのノウハウが集約されています。
かなり参考になりそうです。
How To Create WordPress Themes From Scratch Part 1
その中でも注目は
How-To: Create a WordPress Theme in 5 minutes
5分で作るwordpressテーマ。ソースのダウンロードも可能で、テーマ作成の際のベースに使用できそうですね。How To Create WordPress Themes From Scratch はパート2が楽しみです。

smashingmagazine等でも使用されているSyntaxHighlighter.jsを導入しました。かなりいい感じです。
Read the rest of this entry »
xssとSQLを減らすための手法、注意点がto-Rにて紹介されていたのでメモ。
特に注意したいのは、「mysql_real_escape_stringを過信しない」以下の部分。
$sql="select * from geekDB where id = " . mysql_real_escape_string($_GET['id']); $result = mysql_query($sql);
のような文の場合、
1 OR effective=0
はなにもエスケープされずにクエリを実行することができ
$sql="select * from geekDB where id = '" . mysql_real_escape_string($_GET['id'])."'"; $result = mysql_query($sql);
とシングルクオーテーションで囲む必要があるということ。
こちらはphpファイルの最初に以下のコードを追加するというもの。
foreach($_GET as $key => $value){
$_GET[$key] = htmlspecialchars(htmlspecialchars_decode($value,ENT_QUOTES),ENT_QUOTES);
}
foreach($_POST as $key => $value){
$_POST[$key] = htmlspecialchars(htmlspecialchars_decode($value,ENT_QUOTES),ENT_QUOTES);
}
知らなかったのでメモ。
firefoxとIEにおけるz-indexの解釈の違いについて。
* firefoxの場合
o z-index指定が何より優先
o z-indexの数値の大きいものが必ず前面に表示され、指定のないものは後ろ面に表示される
o z-indexの数値が同じものや、z-index指定がないものは、HTMLで後に書かれているブロックが前面に表示される
* IEの場合
o HTMLに書かれている順番が優先される。
o HTMLで、後に書かれているブロックが前面に表示される。
o z-indexの数値は、ブロック内の順番の指定になるが、ブロックをまたいで解釈されることはない。
ということらしいです。今日ちょいはまりました。