Little.ws » webツール

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使ってみた

chibi — Sat, 24 Jan 2009 05:44:39 +0000

テーブルタグが苦手な方へ。。
便利なツールがあったもんだ！

その名も『エクセルシートをHTMLテーブルに変換しちゃう君』

エクセルで作った表をcssとhtmlで出力してくれます。
では使ってみよー。

適当にエクセルで作成。

んで表の部分を範囲指定してクリップボードへコピー。

あとはサイトの上のテキストボックスにペーストして、オプションをいじくって変換ボタンをポン！

それだけでめんどくさいテーブルタグが産まれます。
ちなみに、テスト用で作ってみたcssとhtmlが以下

	テスト1	テスト2	テスト3	テスト4	テスト5
てすと1	1	2	3	4	5
てすと2	6	7	8	9
てすと3	2		3		40000
てすと4	1	2	3		4
てすと5	6		7	5

css

table {
	border-collapse: collapse;
}
th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ff9999;
}
td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
}

HTML

フレッシュリーダーでRSSを制覇してやる

chibi — Fri, 23 Jan 2009 06:11:03 +0000

RSSって活用してますか？
RSSの無いネットは考えられないなぁ～と思うこの頃。

いろんなRSSリーダーがあります。hatenaも便利だけど、やっぱりフレッシュリーダーが最強だと思う今日この頃。
と思ったら色んなサイトで記事になってる様で。。

使い方は簡単で、自分の借りてるサーバーに放り込んでやるだけで、ほぼ使えます。
UPも面倒な時は、サイトからFTPで勝手にアップしてくれたりもします。

ただ、これはFTPのパスワードを教えることになるので自己責任で。。
あとは管理画面で、気になるサイトのfeedをじゃんじゃん追加していくだけです。

仕事を始める前に、ニュースからなにからチェック出来ちゃいますね～。

CSS Sprite

chibi — Wed, 31 Dec 2008 06:13:48 +0000

ボタンとか、角丸の枠で使うことが多いと思いますが、youtubeってほとんど一枚の画像なんですね。
DesignWalker：CSS Spriteを活用しよう

基本的に自分はGIFならGIFでひとまとめにすることが多いです。
スライスして、あとはwebsite-performanceさんにおまかせ。
日本語にも翻訳されてます。

spriteでも使えそうな画像達をzipに圧縮して、
透過色の設定とか出力画像の形式（GIF,PNG,JPG）を選択して簡単にsprite画像とcssを作成してくれます。
GIFボタン4こでやった場合の例↓

出来た画像はこんな感じです。

んで、はき出されたcssはこんな感じ

.sprite-navi_news { background-position: 0 -30px; }
.sprite-navi_home { background-position: 0 -142px; }
.sprite-navi_shop { background-position: 0 -254px; }
.sprite-navi_blog { background-position: 0 -366px; }

/*　以下ロールオーバー画像 */
.sprite-navi_news_ro { background-position: 0 -71px; }
.sprite-navi_home_ro { background-position: 0 -183px; }
.sprite-navi_shop_ro { background-position: 0 -295px; }
.sprite-navi_blog_ro { background-position: 0 -407px; }

backgroundルールの追加も忘れずに！

/*　これはサンプルです　*/
#menu ul li{
     background:url(img/hoge.gif) no-repeat left top;
}

今回は、ボタンだけで説明しましたが、ページ内のリピートされない画像はひとまとめに出来ると思います。

画像が多かったりすると、表示されなかったりすること多い世の中ですが、
spriteならHTTPリクエストの回数も減ってステキです。

自分の場合、デザイナーから『ここやっぱり変更！』っていうのもうないよね！？って確認して
最終的なデザインが通ったらspriteにしてUPしたりしてます。
spriteにしてデザイン変更あったらめんどいので。