2009年08月07日

[Webツール][Yahoo][RSS]「My Yahoo!に追加」ボタンを設置

My Yahoo! - 「My Yahoo!に追加」ボタンをあなたのウェブサイトに設置

説明するまでもないと思うのですが、
下のようなボタンを作れるYahooの公式ツールです。

My Yahoo!に追加


RSSリーダーって、どれくらいの人が使っているんだろう?

ちなみに自分は Opera の標準のRSSリーダーを使ってます。

ラベル:RSS yahoo webツール
posted by kanko at 23:00| Comment(0) | TrackBack(0) | Webツール | このブログの読者になる | 更新情報をチェックする

2009年08月06日

[Webツール][メール]SPAMメール防止に HTMLエンティティ化

HTMLエンティティ化

ウェブサイトやブログに、メールアドレスを載せておくと

迷惑メール業者のロボットが勝手にアドレスを回収して、スパムメールを送りつけてくることがあります。

それに対するかすかな対策として「エンティティ化」という操作があります。


たとえば

エンティティ化前 test@mail.com

エンティティ化後 test@mail.com

見た目には一緒に見えると思いますが
ソースコードを見ると全然違いますので確認してみてください。


このように、エンティティ化すると
一見しても何が書いてあるか分からない文字列になります。

しかしエンティティ化した文字列を、ソースコードに書くと
ブラウザで表示したときには、きちんと元の文字に復元して見えるのです。


まぁ、最近のアドレス収集ロボットにはどれくらい有効なのか分かりませんが・・・。
posted by kanko at 21:42| Comment(0) | TrackBack(0) | Webツール | このブログの読者になる | 更新情報をチェックする

[Webツール][Google]ブログにAdd to Googleボタンを作成

Add to Google Button - Information for Publishers

こんな感じ↓のボタンを作れます。
Add to Google

クリックして設定すると、iGoogle(Googleが提供する個人用ページ)にRSS情報が配信されるようになります。


なぜか英語サイトしかないのですが、順番に

1.
・RSS or Atom Feedを選択
・Oneを選択

2.
ボタンのスタイルを好きなほう選択

3.RSSのURL(ブログのURL/index.rdfなど)を入力

あとは「Generate HTML」をクリックすると、HTMLが吐き出されるので
ブログに貼り付けてOKという感じ。


まぁ、あんまり使ってないですけどね・・・。


ラベル:google webツール
posted by kanko at 07:45| Comment(0) | TrackBack(1) | 情報収集 | このブログの読者になる | 更新情報をチェックする

[CGI][PHP][ツール]ディレクトリサイトを作れる CustomDir

CustomDir

ODP のデータベースを利用してディレクトリサイトを作成できる無料システム。
いつか稼動させてみたいと思いつつ、現在までほったらかし状態。

posted by kanko at 07:40| Comment(0) | TrackBack(0) | CGI | このブログの読者になる | 更新情報をチェックする

2009年08月04日

[Webデザイン][CSS]高さをそろえたCSSを自動作成 CSS with vertical rhythm

CSS with vertical rhythm | drewish.com

基準となるフォントサイズを設定すると
同じ高さになるように他のサイズのフォントの
余白などを設定したCSSを吐き出してくれる。

上のリンク先にあるサンプルを見れば一目瞭然。
統一的なデザインを作りたいときなどに有効。


○使い方

Font family:  フォントの種類

Base font size (pixels): 基本のフォントサイズ(ピクセル単位)

Base line height (pixels): 基本のフォント高さ

Target font sizes (pixels): 作りたいフォントサイズ

を設定して「Compute」で計算してくれる。
ラベル:Webデザイン CSS
posted by kanko at 08:41| Comment(0) | TrackBack(0) | Webデザイン | このブログの読者になる | 更新情報をチェックする

2009年08月03日

[Webデザイン][配色]カラーコード

Color Table

カラーコードのサンプルが載ってます。

JavaScriptを利用して、実際にその色の通りに背景色を変えてみることも可能。

ラベル:配色 Webデザイン
posted by kanko at 08:39| Comment(0) | TrackBack(0) | Webデザイン | このブログの読者になる | 更新情報をチェックする

[Webデザイン][配色]色のコンビネーションのサンプルサイト


Color Combinations

カラー・コンボ

色の組み合わせ(カラー・コンボ)のサンプルを多数紹介。

ウェブサイトをデザインするときの配色に困ったときなどに役立ちます。
ラベル:Webデザイン 配色
posted by kanko at 08:37| Comment(0) | TrackBack(0) | Webデザイン | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。