12twelvelog » WDclip Resources

CSSclip、WDclipのテーマファイル、CSSの見直ししました。タイトルは「Goodbye IE」

todaeiji — Fri, 27 Feb 2009 13:46:22 +0000

CSSclip、WDclipとも今まで行き当たりばったりで作ってたのを、テーマファイル、CSSとも見直しました。これが結構時間が掛かってしまって、仕事も疎かになってしまいましたが、見直しのタイトルは「グッバイIE」。 IEとoperaでclipを見てくれている人は、角丸になっていないです。


.wrap {
border-radius:　4px;/*css3*/
-moz-border-radius: 4px;/*firefox*/
-webkit-border-radius: 4px;/*safari*/
}

みたいにCSS3、FireFox、Safariにしか適用していません。もうIEで悩むの止めにしました。CSS3を使えるブラウザは現在存在しているかどうか知りませんが、取りあえず先を見越して。

DreamWeaverでPHPファイルのエンコードを勝手に変えちゃうの何とかした

todaeiji — Fri, 20 Feb 2009 18:39:59 +0000

CSSclip、WDclipともワードプレスを使っているんですが、DreamWeaverでテーマファイルを編集しています。そうすると気になるのが、utf-8からshift-jisに勝手にエンコードを変更しちゃうところ。 DreamWeaverの環境設定で、エンコード初期設定なんちゃらを変えても駄目でしたが、強引にエンコード変更しないようにしました。それは、PHPファイルの1行目に

 */ ?>

と入れるだけ。いろいろ試してもう少し短くできるけど、見た目でこれにしました。どうやらDreamWeaverさんは、metaタグのキャラクターセットでエンコードを判断しているみたいです。同じくCSSファイルも「@charset “UTF-8″;」を入れてもエンコード変更しますよね。ということでCSSファイルにも

/* content="charset=UTF-8" */

を入れたらうまくいきました。みんな知っているんでしょうけど、調べ方が悪かったのかな。

シェルスクリプトとCronでCSSclipのデータベースを自動バックアップ化アンドバキューム化してみました

todaeiji — Thu, 19 Feb 2009 13:58:16 +0000

たまにCSSclipのデータベースはバックアップしていたのですが、複数のWordPresを使っているのでめんどくさくなって、DxDさんを参考にバックアップの自動化をしました。ついでにテーブルの最適化も自動化してみました。シェルスクリプトとCronでデータベースを自動バックアップ&ローテーション – (DxD)∞ CSSclipで使っているサーバーはhetemlです。最近、hetemlさんは容量が3Gから5Gに変更されました。個人ユースのレンタルサーバーでそんなに使う人いるのかなと思いながら、ちょっとうれしさもあります。ありがとうです。でまずcronディレクトリ、backup-mysqlディレクトリを作って、シェルスクリプトは、backup_mysql_***.shとして


#!/bin/sh

# ---------- 設定 ----------
# バックアップ元のデータベース
db_host=mysql**.heteml.jp
db_name=***
db_user=***
db_pass=*******

# バックアップ先のディレクトリ・ファイル
bk_dir=/home/sites/heteml/users*/******/web/cron/backup-mysql/
bk_file=$db_name

# 保存する日数
bk_days=10

# ---------- ファイル名を設定 ----------
# タイムスタンプを取得
ts_now=`date +%Y%m%d`
ts_old=`date "-d$bk_days days ago" +%Y%m%d`

# ファイル名を設定
file_temp=$bk_file.sql
file_backup=$bk_file.$ts_now.tar.gz
file_remove=$bk_file.$ts_old.tar.gz

# ---------- バックアップ処理 ----------
# バックアップ先のディレクトリに移動
cd $bk_dir
if [ $? != 0 ]; then
echo "Backup directory does not exist."
exit 1
fi

# データベースをダンプ
mysqldump -h$db_host $db_name -u$db_name -p$db_pass --opt > $file_temp
if [ $? != 0 -o ! -e $file_temp ]; then
echo "Cannot dump database."
exit 1
fi

# アーカイブを作成
tar cfz $file_backup $file_temp
if [ $? != 0 -o ! -e $file_backup ]; then
echo "Cannot archive files."
exit 1
fi

# テンポラリファイルを削除
rm -f $file_temp

# ローテーション処理
if [ -e $file_remove ]; then
rm -f $file_remove
fi

# ---------- 最適化処理 ----------
mysqlcheck -o -h$db_host -u$db_user -p$db_pass $db_name

exit 0

となります。ただhetemlさんの場合、ローテーション処理で古いバックアップファイルを削除が出来ないようです。PHPでのcronも無理でした。ブラウザでPHPファイルを開いたら削除するようですけど。あとテーブルの最適化は、念のためバックアップ処理後に実行しています。しかしながら結局、バックアップファイルの処理に困ってます。CSSclip関係だけでsqlファイルが50Mもあるしなぁと。やっぱりGmailに転送するのが一番でしょうか。結局同じサーバーにバックアップを取ってても意味ないところがあるんで。 hetemlみたいにデータベースサーバーが、localhostでない場合に参考にしてもらえたらとメモしときます。

2008年ベストアイコンセット

todaeiji — Sat, 13 Dec 2008 11:02:16 +0000

2008年の美しいデザインのアイコンセットが、50個紹介されているエントリー。

50 Most Beautiful Icon Sets Created in 2008 | Noupe

ブログに使いたいアイコンが多数紹介されています。僕はCoquette Iconsが気に入りました。

使えるフォトショップのカスタムシェイプが山盛り

todaeiji — Sat, 13 Dec 2008 10:35:37 +0000

使えるフォトショップのカスタムシェイプが山盛りなエントリー。

The Ultimate Collection Of Photoshop Custom Shapes | Developer’s Toolbox | Smashing Magazine

各サイトでも紹介されているエントリーですが、あまりにも紹介されているカスタムシェイプが多いのでメモてきにエントリーしときます。

デザインの参考になるeコマースサイト50個

todaeiji — Fri, 12 Dec 2008 10:40:49 +0000

デザインの参考になるeコマースサイトを50個紹介しているエントリー。

50 Inspirational E-Commerce Website Designs | Vandelay Website Design

eコマースサイト構築の参考になりますね。

魅力的なフッターに仕上がっているサイト40個

todaeiji — Fri, 12 Dec 2008 10:28:27 +0000

魅力的なフッターに仕上がっているサイトを40個紹介しているエントリー。

Toxel.com » 40 Beautiful and Creative Website Footers

ヘッダーのデザインが凝っているのは多いのですが、フッターまでデザインされているサイトは、ちょっと少なくなるのですが、フッターまでかっこいいとそのサイトを気に入ってしまうのは僕だけではないと思います。

大体、ヘッダーに情報を詰め込みますが、フッターでうまくサイト内のページを誘導できることもポイントになってきますので、ついついテキストリンクをベタに並べてしまいがちですが、見せ方の参考になりますね。

2008年によく使われたテクスチャーが29個

todaeiji — Fri, 12 Dec 2008 10:10:14 +0000

2008年によく使われたテクスチャーが29個まとめたエントリー。

29 Most Useful Texture Packs of 2008 | Web Design Ledger

今年のウェブデザインのトレンドは、グランジデザインだったのではないでしょうか。CSSclipで本当によく観ました。

ウェブデザインにもやはり流行が存在します。アクアな感じのグラデーションも少なくなってきましたしね。来年は何が流行るんでしょうか。

できるデザイナーのポートフォリオサイト50個

todaeiji — Thu, 11 Dec 2008 11:48:56 +0000

できるデザイナーのポートフォリオサイトが50個紹介されているエントリー。

50 Excellent Designer Portfolio Sites

ポートフォリオサイトは、デザイナーが自分で自分のサイトを作るので、デザインが秀逸だったり、jQueryを駆使していたり、実験的な要素が含まれていたりと面白いサイトが多いので、インスピレーションをバチバチもらえます。

何かデザインに飽きてきたら、ポートフォリオサイトを観るのもいいですよ。

パーツを選んで似顔絵を作成するジェネレーター「T4 Face Maker」

todaeiji — Thu, 11 Dec 2008 04:15:19 +0000

パーツを選んで似顔絵を作成するジェネレーター「T4 Face Maker」がありました。

Visit stickee.co.uk

自分の似顔絵だってつくれます。意図的にかっこよく作ってみましたけど。ブログのプロフィール画像に使えますね。どうしてももみあげとサングラスの上下を入れ替えられませんでした。

*12*twelvelog » WDclip Resources