webdesignlab

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds

パターンや大きい背景画像に対応シンプルなウェブレイアウトの作り方が丁寧に説明されています。一読しておくべきですね。

jQueryとはjavaScriptで開発されたAjaxライブラリであり。軽量、高速、プラグインが豊富などの利点が挙げられる。特に最近ではjqueryの利用率はどんどんあがっており、SONYのホームページに採用されていることも有名です。SONYのサイトを見ればjqueryで大体どんなことが可能なのか掴めると思います。

このブログではjqueryを使用した実例を、備忘録がてら掲載していこうと思います。自分のレベルはあくまで「日曜プログラマー」なのであくまで一例ということで・・。

とりあえず今回は導入方法。

１．http://jquery.com/（http://code.google.com/p/jqueryjs/）よりjquery-1.2.6.sをダウンロード
２．(zipファイルをダウンロードした場合は解凍して)任意のディレクトリにアップロード
３．htmlファイル内で以下のように記述してインクルード

これで準備は完了。次から使用例をぼちぼち書いてきます。

Showcase Of Clean And Minimalist Designs

クリーンでミニマルなサイトデザイン集です。シンプルでインパクトがあるサイトがたくさんですね。

wordpressテーマ作成のためのノウハウが集約されています。
かなり参考になりそうです。

How To Create WordPress Themes From Scratch Part 1

その中でも注目は
How-To: Create a WordPress Theme in 5 minutes

５分で作るwordpressテーマ。ソースのダウンロードも可能で、テーマ作成の際のベースに使用できそうですね。How To Create WordPress Themes From Scratch はパート２が楽しみです。

User Membership With PHP

PHPでユーザ管理するチュートリアルです。これ丁度勉強したかったので是非参考に。

Creating a Mac-Type Background in Photoshop

Mac風の壁紙を作るチュートリアル。使いたいときによく忘れてしまうので備忘録。

　smashingmagazine等でも使用されているSyntaxHighlighter.jsを導入しました。かなりいい感じです。
Read the rest of this entry »

xssとSQLを減らすための手法、注意点がto-Rにて紹介されていたのでメモ。

・SQLインジェクションについて

特に注意したいのは、「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);

とシングルクオーテーションで囲む必要があるということ。

・XSSの脆弱性を限りなくなくす方法

こちらは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の解釈の違いについて。

IEとFirefoxでz-indexの扱いが異なる

* firefoxの場合
o z-index指定が何より優先
o z-indexの数値の大きいものが必ず前面に表示され、指定のないものは後ろ面に表示される
o z-indexの数値が同じものや、z-index指定がないものは、HTMLで後に書かれているブロックが前面に表示される
* IEの場合
o HTMLに書かれている順番が優先される。
o HTMLで、後に書かれているブロックが前面に表示される。
o z-indexの数値は、ブロック内の順番の指定になるが、ブロックをまたいで解釈されることはない。

ということらしいです。今日ちょいはまりました。

50 Beautifully Dark Web Designs

50の美しいダークカラーウェブデザインがまとめられています。サイト作成時の参考に。