2007年11月27日 17:49 Iwao Kobayashi
| 個別ページ
| コメント(0)
| トラックバック(0)
デザインで背景に雪の結晶でも薄く入れようと思い、Googleでイメージ検索をしたところ、雪の結晶dingbatを発見！
http://www.katsfunfonts.com/
ダウンロードは、Page63に掲載されている「KR Kinda Flakey」というリンクから。
この時期、デザインにさりげなく使ってやると雰囲気が増してよいのではないでしょうか。
Welcome to DingbatDepot.com : DingbatDepot.com is the largest source of free dingbat fonts on the internet today. All dingbat fonts on this site are free (shareware or freeware) and available for immediate download. To start downloading the free dingbat fonts, select one of the links from the left hand navigation panel: either Alphabetically or by Category.
free dingbat fonts
- with GroveLog
ちなみに、DingbatDepot.comというサイトも発見！
実際使えるかっていうと、微妙なものも多いとは思うけれど、眺めているだけでもにぎやかで楽しいです。
2007年11月 8日 17:03 Iwao Kobayashi
| 個別ページ
| コメント(0)
| トラックバック(0)
以前から、かわいいと思っていたウェブリボン。
自分でサービスもはじめたし、ブログも再開したしということで、作ってみました。
あ、引用元で紹介されているサイトでためしたんだけれど、文字数あわなくて、というか、日本語が文字化けするっぽいので、あきらめ、普通に手作りしました。
なかなかよいですね。javaScript版も作成して、GroveLogで配布しようかな。
WebGrove
- with GroveLog
ということで、GroveLogのウェブリボンのjavascript版作ってみました。（誰が使うんだって声が聞こえてきそうだけど。。）
次のコードを</body>の直前にコピペするだけでOKです。
<script type="text/javascript" src="http://www.grovelog.com/common/js/makeRibbon.js"></script>
2007年11月 7日 14:16 Iwao Kobayashi
| 個別ページ
| コメント(0)
| トラックバック(0)
Website Ribbonではサイトの右上に貼り付けられるリボンをつくることができる。
もちろんリボンの色やテキストのフォント、色も選ぶことができる。またリンクも設定することが可能だ。
出来上がったリボンはJavascriptを貼り付けるだけで自分のサイトなりブログに設置できる。実にお手軽だ。
ブログの右上に貼り付けるリボンが作れる『Website Ribbon』 | 100SHIKI.COM
- with GroveLog
以前から、かわいいと思っていたウェブリボン。
自分でサービスもはじめたし、ブログも再開したしということで、作ってみました。
あ、引用元で紹介されているサイトでためしたんだけれど、文字数あわなくて、というか、日本語が文字化けするっぽいので、あきらめ、普通に手作りしました。
なかなかよいですね。javaScript版も作成して、GroveLogで配布しようかな。
2007年11月 2日 10:17 Iwao Kobayashi
| 個別ページ
| コメント(0)
| トラックバック(0)
このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
- with GroveLog
以前、角丸ライブラリかなにかで、角取りつつ高さも揃える・・みたいなのがあったような気がしたのだけれど、覚えておらず。
改めてGoogleしてみたところ、よさそうなのを発見。
ただ、個人的にはｊQueryを利用しているので、ｊQuery版みたいのがあれば、そっちの方がすっきりするかなと思い、「ｊQuery 高さ揃え」で、再度Google。すると、今度はこれを発見。
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。
jQueryでブロック要素の高さを揃えてみる - 徒書
- with GroveLog
今回はこっちを使うことに。
問題なくうまく行きました。一点、jqcorner.jsも併用しているのだけれど、先に.flatHeights()で高さを揃えてから、.corner("5px")としないと変なところで角丸されてしまいます。
角丸とか、高さを揃えるとか、昨今のウェブデザインではよく使う手法だけれど、普通にやろうとすると、余計なdivが増えたり、cssを多くかかないといけなかったり、どんどん複雑になる傾向があります。こうった便利なjsを使うとソースも綺麗に保てるし、なにより、ずっと楽になります。重宝します。
