日本語版がはじまった「Lifehacker」（といっても英語版知らなかったけどね！）をみてたら使えそうなサイトのご紹介があったのでメモ。
ポップなカラーのアイコンをアクセント的にウェブサイトとかに使いたいときに、いちいち作るのも面倒だったりするんだけど、ここのフリー素材はそんなときに便利そうです。
>>iPresentee.com
フリーだけどいい感じですよ。
ちなみにLifehackerはMovableTypeのようですね。トラックバックURLがMTだ。
idea*ideaで面白いのが紹介されていたのでメモ。
http://www.ideaxidea.com/archives/2008/07/post_590.html
下記のコードをアドレスバーに入力。
javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0
で、Enterキー。
なにも起こりませんが、なんとサイトの文面を改変できるようになっています。
改変は自分のＰＣ上だし、保存は当然できないけど、画像をコピペしたりもできるので、
ウェブデザイン的にあーだこうだするのにも便利かもしれませんね。
FirefoxとIE6では動きましたよ。
ウェブサイトのCSS(カスケーディング・スタイルシート）が、間違った表記をしていないか、ウェブ標準で推奨される内容であるか、などを自動でチェックしてくれるW3Cのウェブサービスがあります。
http://jigsaw.w3.org/css-validator/
作りこんだウェブサイトも、けっこうイージーミスや不適切な箇所があったりするので、こういうサービスでチェックできるのはありがたいです。たぶんSEO的にも効果があると思うので、ウェブ屋さんにとっては必須ツールなんだろうなと思います。
同サイトにて、HTML Validatorもあり、同様に役立つツールです。
MySqlのバックアップを使ったり、高度なテクニックを使えばラクなんでしょうけど、どうもサーバ側のMySqlを一度削除してしまったのか、もともと使ってなかったのか（そんなのありえるんかな）、MySqlバックアップを使わずにロリポップからヘテムル（テスト）へ移転を試みました。
結果はなんとか（疲れたけど）できました。MySqlを使わなくても、スマートでないけどなんとかなります。
やり方：
◆◆１◆◆
- FTPでウェブサイトのデータをすべてローカルPCにダウンロード。
- mt/mt-config.cgiというファイルをテキストエディタで開いて、下記を修正。
27 行目の MySQL の設定を変更します。
ObjectDriver DBI::mysql
Database _hoge
DBUser _hoge
DBPassword お客様が設定されたパスワード
DBHost mysql*.heteml.jp
ObjectDriver DBI::mysql のままでかまいません。 Database コントロールパネルのデータベース名を入力します。
例） _hogeDBUser コントロールパネルのユーザー名を入力します。
例） _hogeDBPassword データベースを作成した際に入力したパスワードを入力します。 DBHost コントロールパネルの「サーバー」を入力します
例） mysql0.heteml.jp
緑字部 は、例です。ご自分のデータベースの設定に合わせて修正してください。
不要な設定をコメントアウト
34 行目以降を下記のように変更します。下記のように # を入力してください。
##### POSTGRESQL #####
#ObjectDriver DBI::postgres
#Database DATABASE_NAME
#DBUser DATABASE_USERNAME
#DBPassword DATABASE_PASSWORD
#DBHost localhost##### SQLITE #####
#ObjectDriver DBI::sqlite
#Database /path/to/sqlite/database/file##### BERKELEYDB #####
#DataSource /path/to/database/directory
そんで、FTPで移転先のサーバのしかるべきフォルダにアップロード。mtフォルダ下の拡張子cgiのファイルの属性（パーミッション）を700にする（ヘテムルでは。サーバにより異なります）。以前のプラグインがあればpluginフォルダも開いて、ついでに属性を変更したりしました。
で、ブラウザでmt/mt.cgiにアクセスすると、初期化されてしまっている！ので、がっかりせずにここからが勝負です。
スタイルシートをしっかり作るために役立ちそうなのでメモ。
「死ぬまでに見ておくべきCSSデザインサイト集まとめ」 : Gigazine
http://gigazine.net/index.php?/news/comments/20070425_bestcss/
CSS Spritesでサイトを高速化 : gihyo.jp
http://gihyo.jp/design/serial/01/ss-design/0010
スタイルシート(CSS)で段組を構成する : AllAbout
http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/
3つめは、tableでなくdivとstylesheet(css)で、テーブル的レイアウト（段組）を作るためのチュートリアル。ついついラクなのでtableを使ってしまうのですが、tableは表（ひょう）のためのもので、見た目はstylesheetで作りこみましょう、というのがスマートなウェブ標準的だそうです。
これはWordPressとか使う上で必須になりそうなので、覚えようと思います。
