2009/12/17

Timesが選んだベストデザインブログ50

これ、かなりツボです。
50 of the world's best design blogs - Times Online
クリスマス前なのでギフトやインテリアの参考に…ということらしく、かわいい雑貨やインテリアのブログがたっぷり50個載ってます。

知っているブログも多かったのですが、知らないのもいっぱい♪
眺めているだけでも楽しいです。

個人的にはこの辺が好きです。

2009/12/10

トラのイラスト、無料です♪


2010年は寅年!ということで、虎(寅)の絵を描きました。
(ちょっとかわいい感じになっちゃったので、トラ猫っぽいですね・・・。)
けど使わなかったので、なんとなくここに置いておきます。

もし気に入ってくださる方がいましたら、良識的な範囲でご自由にお使いください。
(もし何かの間違いでいっぱいダウンロードされるようだったら、その時考えよう!)
商用利用も可!と一応書いておこう。

こちらからどうぞ。
File Download(Zip)

形式はPNG、背景は透過です。
あ、入ってるイラストは上の1個だけですので・・・。

2009/12/04

WordPressのフレームワーク

最近はWordPressの勉強をちょっとだけしています。
と言ってもデザイナーなので主にデザインまわり。

フリーのテンプレートはいっぱいありますが、英語に最適化されてるのが多いし、一通り理解するためにもテンプレートを最初から自分で作ってみたりしたのですが、タグがいっぱいあってめんどくさいんです・・・。

シンプルなテーマを加工した方がいいかなぁ、と思い始めて探してみると、カスタマイズ用のフレームワークっていうのがいっぱいあるんですね。

個人的な好みでいくつか選んでみました。


タブなどのjQueryが既に組み込んであったりして、かなり便利そうです。
使い心地が良さそうのなのを選んでいじってみようと思います!

2009/12/03

IEでも大丈夫な、角丸にするJavaScript

ひとつ前の記事で書いた角丸にするスクリプト、便利なのですがIE6に対応してないのでお仕事で使うには微妙・・・と思っていたら、Internet Explorerでも大丈夫なスクリプトを発見しました!

↓こちらです。
CurvyCorners - Beautiful rounded corners for your HTML boxes

一応、使い方もメモ。

<script type="text/JavaScript" src="curvycorners.js"></script>

JavaScriptを読み込んで、

<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var settings = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 },
antiAlias: true
}
curvyCorners(settings, "#myBox");
}
</script>

コーナーのサイズと、角丸にするオブジェクト(idやclass)を指定します。
かんたん!

ボーダー、背景画像などにも対応。使いやすいです。
試してみたら、確かにIE6でも大丈夫でしたよ!

ahkslog  ©Template Blogger Green by Dicas Blogger.

TOP