懐かしのaqua

共有テンプレートに aqua が公開されました。

昨晩申請してその後いつ公開されたのかわかりませんが既に数日前から公開してる rosso や di_base を越えてまして嬉しいやら焦るやらあちこちあらが目立つやら。
誰にもダウンロードされなかったら自分のために作ったんだもんって言張ろうって勢いで とりあえずアウトプット してみた甲斐がありました。部分的に本気で自分のためだけに書込まれた指定とかも入ってますんで適当にチューニングして使って頂けると嬉しいです。使い勝手のフィードバックなども頂けると参考になります。

今回、aquaの画像は Liquid Button Maker 1.2.0b2 というOS 8〜9用 の「aquaボタン作成ソフト」を引張り出してきて使用しました。すばらしい!お手軽!懐かしい!配布元は既に行方不明なんですがMacな人々には大変懐かしいソフト。ですよね。色合は若干Photoshopで加工しています。

DW99製テンプレカスタマイズ Q&A

20050331:WebNote: DW99共有テンプレートサポートに返信。

...続きを読む

共有テンプレート更新履歴

横幅、文字サイズ可変のベーシック

20050402:
現在公開している rosso di_base aqua 共にカレンダー部分の前月リンクに誤りがあります。詳しくはこちらを参照してください。

20050331:
rosso di_base を元にカスタマイズ例としてaqua 公開。

20050331:
rosso / di_base 左右サイドバー変更に耐えるように余白などを微調整。公開中。

20050328:
rosso / di_base サイドバーからコメント・トラックバックへリンクするアンカー指定が切れていたのを修正。

早速、使って頂けたりコメント頂けたりでとても嬉しいわぁ。:D

DW99共有テンプレートサポート

Summary:

共有テンプレートにて di_baserosso 2点を公開中です。
Firefoxやスタイルシートの切替え機能が付いたブラウザであれば、このページからブラウザの「表示」メニューで「スタイルシート」 を選択し、簡易的なプレビューを確認できます。←調整中

また、FC2 BLOGなのか? では、共有テンプレートのサムネイル付紹介や テンプレ選択支援ブックマークレット などテンプレート選びにお役立ちの情報が紹介がされています。
di_base と Rosso も公開いただいたようです。(感謝)

20050328:修正版をアップしました。
変更についてはこちらを参照してください。

Support:

横幅、文字サイズ可変のベーシック(シリーズ?)は、基本的に、画像挿入・画像置換え、文字サイズ、色彩の変更などの簡単なカスタマイズを行いやすいようにスタイルシートを記述しています。が、個人的なフォーマットなのでかえってわかりにくくなっている部分もあると思います。
ご質問があれば、お気軽にこの記事のコメント欄へお知らせ下さい。

Tips:
サイドバーに「blogpeople」を入れると、各ブログ名が小さく表示されてしまう
こちらを参照してください。
サイドバーから各コメント、各トラックバックの先頭に飛ばない
修正前のrosso、di_base共にアンカーの指定に失敗がありました。HTML部分の<!--rcomment--><!--/rcomment-->間にある #comment 部分を #cm へ変更してください。同様に<!--rtrackback--><!--/rtrackback-->間にある #trackback を #tb へ変更してください。
現在は修正版が公開されています。

Firefox 1.0.2

Summary:

Firefox 1.0.2 セキュリティアップデート。
問題なく移行できました。

Mozilla Japan では 3 月 24 日、Firefox 1.0 のアップデート版となる Firefox 1.0.2 の日本語版をリリースいたしました。今回のバージョンには、Firefox 1.0 および 1.0.1 に発見された セキュリティ問題の修正 が含まれており、すべてのユーザにアップデートを推奨します。

Reference:
Firefox - Web の再発見
http://www.mozilla-japan.org/products/firefox/

Babel Fishで翻訳

Summary:

下のリンクを掴んでブックマークバーに放り込んでおき、翻訳したいページを表示した状態でこのブックマークレットを選択すると同ウィンドウでBabel Fishの翻訳結果ページを開いてくれるというライトなブックマークレットです。

Babel Fishで翻訳

Firefoxで動作確認。自分用に作ったものなのでなんら保証はできません。フリー。
検索結果を別ウィンドウで開いたり、http://から始るページで使用した場合にその翻訳サイトのトップページを開くといったブックマークレットはこちらの Safariの道具箱 にて公開されています。

Reference:
AltaVista - Babel Fish Translation
http://babelfish.altavista.com/

W3Cの仕様書等の文書の日本語訳集

Reference:
W3C - W3Cの仕様書等の文書の日本語訳集
http://www.w3.org/Consortium/Translation/Japanese

HTML鳩丸倶楽部

Reference:
HTML鳩丸倶楽部 ☆ 水無月ばけらのHTML蘊蓄サイト
http://www.ne.jp/asahi/minazuki/bakera/html/hatomaru

Another HTML-lint

Summary:

HTML文書の文法チェック

Reference:
Another HTML-lint
http://openlab.ring.gr.jp/k16/htmllint/index.html

japanese font, charactor code

Summary:

日本語フォントや文字コードについてのリンク集

Reference:
japanese font, charactor code / 日本語フォント、文字コード
http://www.zukeran.org/shin/jdoc/

PRO.HTML.it

Reference:
PRO.HTML.it - Approfondimenti di Web Publishing
http://pro.html.it/

WDG HTML Validator

Summary:

WDGのHTML検証サービス

Reference:
WDG HTML Validator
http://www.htmlhelp.com/tools/validator/

rfc-jp ML

Reference:
rfc-jp ML / RFC 日本語版翻訳公開班
http://www.imasy.or.jp/%7Emasaka/rfc-jp/

W3C

Reference:
World Wide Web Consortium
http://www.w3.org/

タブで開くを無効にする

Firefox Tips:

ツールバーからブックマークフォルダを開こうとして、手が滑って「タブで開く」を選んでしまい、ものすごい数のリンクをタブで展開しかかったことが何度かあります。 最近は操作にも慣れてきたのでこのような失敗もなくなりましたけれども、もう少しリラックスして使いたいので「タブで開く」を非表示にすることにしました。

Edit →userChrome.css

/* Hide Needless Menus */
menuitem[label="タブで開く"]{ display:none !important; }

これでツールバーに置いたブックマークフォルダを右クリックしたときに出る「タブで開く」(フォルダ内のリンクをタブですべて展開する動作)のcontext-menuを非表示にできた(みたい)。Firefox 1.0.1 for Mac OS X - 日本語版にて確認してますがこの記述が正しいのかどうかは自信がありません。下記を参考につぎはぎました。

参考:
おもてなしの空間 - 不要なメニューアイテムの削除
http://d.hatena.ne.jp/amt/20050209/Mozilla
不要なメニューアイテムを非表示(JLP適用済みFirefox用)
http://hadakadenkyu.flnet.org/other/software/firefox/hide_needless_menus_j.htm

アップル - Webバッジ

Memo:
アップル - Webバッジ
http://www.apple.com/jp/about/webbadges/index.html

ソフトの動作確認とか混乱するといけないので一応「Macをメインに使っているよ!」という印を数年ぶりに貼ってみようかとふと思ったりしたわけですがなんか色々読まなきゃならないようなので明日にします。りんくひとつはるのもたいへんなよのなかね。

ログのインポート

Memo:

FC2BLOGのログをバックアップしてインポートした際のメモ。

「Memo:」の「:」は全角で書いておいた方が良い。

データ形式に半角の「:」が使用されているので文中に 半角の「:」+(改行)があるとそれ以降をデータとして認識してくれない。(バックアップ自体は取れています)

画像を使わない角丸

Memo:
Nifty Corners
http://pro.html.it/esempio/nifty/
CSSで画像すら使わない角丸。


参照元:
CSSで角を丸くする
http://nais.to/~yto/clog/2005-03-18-4.html
画像なしで角を丸くするCSSテク: Nifty Corners - PLAYNOTE
http://www.playnote.net/archives/000392.html
適宜覚書: 角を丸めたいのは分かるが
http://dac.lolipop.jp/blog/archives/000259.html

追記:参照一件追加しました。
ところで、Nifty Corners のサンプルソースを見ればわかるように角丸のためのb タグはすべてJavaScriptで書出されていて少なくとも [nifty.js] を使用した場合は表面上マークアップに悪影響を及すことなく角を丸くすることができるわけで別に誰もhtmlに b タグを直接書込むことなど想定していないと思っていたんですが、そうでもないらしいニュアンスの記事が多いのはどうしてなのか?

ブックマークレット色々

Memo:
JAVASCRIPT::BOOKMARKLET
http://bookmarklet.daa.jp/

コピーフリーのブックマークレット紹介サイト。 IEユーザーだって豆粒のような文字サイズには困らない。ハズ。

ブックマークレット・パブリッシュキット

Memo:

オリジナルのブックマークレット開発と配布にお役立ち

Bookmarklets Publish Kit
http://www.teria.com/~koseki/memo/bookmarklets/publishkit.html

とりあえず今はこちらの「今見ているページにリンク」を活用しています。

ファーミング詐欺?

News:

正しいURLを偽サイトにつなげる「ファーミング詐欺」(上)
http://hotwired.goo.ne.jp/news/technology/story/20050317303.html

正しいURLを偽サイトにつなげる「ファーミング詐欺」(下)
http://hotwired.goo.ne.jp/news/technology/story/20050318308.html

もはやどのように対策を取ったら良いのかわからないレベル。

「スゴいカウンター」でオリジナル画像

Memo:

オリジナル画像アップロード画面
http://sugoicounter.com/cgi-bin/cnt.pl?action=digits

ログイン後、上のアドレスへアクセスして使用する画像をアップロード。
「スゴいカウンター」管理人の承認(メールで連絡・いつ来るかわからない)を得た後、再び上のアドレスへアクセス。←このページの左側のメニューから「サイト情報」へ飛ぶとオリジナルカウンタのコードが記されている。

*通常のログインから「サイト情報」へ飛んでもオリジナルカウンタは表示されない。
*透過Gifだと正しく認識されない模様。


参考:
http://fc2bbs.com/bbs?action=reply&uid=9283&tid=6024811

備考:
・ポート10000をはじいているとカウンタが読込めません。
・面倒なので透過GIFのまま放置中...。

テンプレートの表示確認

Memo:

drcl99_default(オリジナル)

Win98 IE6.0
Win98 Firecfox1.0
・XP IE6.0
・XP Firecfox1.0.1
OSX Firecfox1.0.1
OSX IE5.2.3
・OSX Safari(:beforeの文字参照が文字化け>対策>画像化?)
OSX Mozilla1.7.5
・OSX Netscape7.1
・OSX iCab2.9.8
・OS9 IE
・OS9 iCab
・OSX Mozilla

iCabはおそらく無理なので保留。OS9は立ち上げるのが面倒なので保留。XPも立ち上げるのが面倒なので放棄。Operaはよくわからないので何か不都合があったらお知らせいただけたらうれしい。なお、不具合報告にはOSとブラウザのバージョンを添えていただけると吉。
このテンプレートは存在しません。

Movable Typeのカスタマイズ

Memo:

プロが教えるMovable Typeの構造デザイン
http://w3j.org/articles/MTstructuraldesign/

レンタルでないブログ(改)

Memo:

使用条件:
個人使用で無料。MySQL不要。ほぼCGI。Web上で更新。
カスタマイズにおいて著しい手間がかからないといい。

現在の候補:
Movable Type
http://www.movabletype.jp/
sb
http://serennz.cool.ne.jp/sblog/

気になるその他:
chalow
http://nais.to/~yto/tools/chalow/
Blosxom
http://www.yk.rim.or.jp/%7Esucle/blosxom/
tDiary.org
http://www.tdiary.org/

深みにはまりそう。

Firefox 1.0.1 日本語版リリース

Memo:

Firefox 1.0.1 日本語版リリース

3月13日にリリースされてました。
遅ればせながらアップデート。
使用していた機能拡張はほぼそのまま利用できました。
AutoCopy(機能拡張)はバージョンアップした模様。

使用環境OSXですが時々ページが読込みっぱなしになってウィンドウごと落ちていることがあるというのはバグなのか使用ソフトとの相性なのか私の操作が悪いのか散々フォーラムを巡っても判断が付かないまま1.0.1が出たら直ってるかも〜なんて淡い期待を抱いてみましたけれども別に直ってはいませんでした。がっかり。

FC2

サブドメインアクセスのサポート
FC2インフォメーション

従来のURL形式から、

(旧) http://blog(x).fc2.com/user/

(新) http://user.blog(x).fc2.com/

となり、SEO等の検索ページの結果等に有利となるアドレス形式になります。
新アドレスに関して自動的に反映されますので、お客様の方で特に設定等を変更する必要はございません。
なお旧アドレス形式も引き続き使用可能です。



<SEO等の検索ページの結果等に有利となるアドレス形式>がWeb上に増えるにつれ上位検索結果が無意味なコマーシャルサイトであふれる罠。わはは。でもサブドメイン化は単純に嬉しいです。サブドメインじゃないほうがすっきり見えてる気もしますけど。

BEST BCP PURSUIT

Memo:
FreeCGI検索サイトBEST BCP PURSUITのミラ−ペ−ジ
配布サイト・CGIの説明・サンプルを同時に見ることが出来るので大変重宝。本家が潰れたままなので時々見失いますがミラーはまだ健在のご様子。

ただし、長らくメンテナンスもなく登録申請も受け付けていない為、最近のスクリプトは探せません。サンプルもリンク切れが多いです。

発掘。

20050313222715
すーふぁみ。

頂きました。

20050313221140
す〜て〜き〜。

愛用HTMLリファレンスの履歴

ZSPC:Super HTML Reference (1996)
初めて利用したリファレンス。

HTMLハンドブック (1997)
携帯用にZSPC風のタグ辞典を求めて。

ZSPC:Super Style Sheets Reference (1997)
CSSリファレンス。

ZSPC:Web Design BBS (1998)
駆込み寺。

詳解HTML&スタイルシート辞典―最新実用カラー版 (2000)
長らく愛用。

究極のホームページ裏ワザ入門HTML MANIAX (2004)
お遊び用Tipsなど。

スタイルシートサンプルブック (2004)
レイアウトとバグの回避に。

詳解HTML&XHTML&CSS辞典 (2005)
最新の改訂版。


20050308220707.jpg
HTMLハンドブック ナツメ社ハンディ・リファレンスの赤い帯には「HTML3.0/3.2対応」と書かれています。ネットスケープとかインターネットエクスプローラーとかバージョン2.0の世界...。

詳解HTML&XHTML&CSS辞典詳解HTML&スタイルシート辞典―最新実用カラー版は著者名が異なりますが同一の方でZSPCを公開している方でもあります。秀和システムの書籍もZSPCにあった広告で知りました。本当に長らくお世話になってます。

Firefox Extension

Auto Copy
Webページ上でクリック、ドラッグした文章をクリップボードへ送る。
左手がかなり省エネ。

Sage1.3.1
サイドバーでRSS/ATOM feed リーダとして使える。
やっとかゆいところに手が届きました。
機能・使い方はFirefox まとめサイトにて。

Web Developer 0.8
JavaScriptやCookie、CashなどのON/OFFの他、IDやClass名をブラウザ上で確認できたり、Block要素を階層表示したり、CSSの編集結果を即座に反映したり、と、CSS編集の確認作業に役立ちそうな機能が満載。多機能すぎて希に操作に戸惑ったり。
作者のサイトにて最新版0.9.3がダウンロードできます。(日本語対応のlocalized版もあり)

居座りBlog決定。

Livedoor→Excite→Livedoor→Fc2

と言うわけであれやこれや悩んだあげく結局Fc2へ流れ着きました。

LivedoorBlogはExciteBlogに比べてカスタマイズの自由度が高いけれどプラグインというオプション設定が非常に面倒〜、逐一面倒〜、と言う印象がどうしても拭えず、ExciteBlogはスキン編集がわりと容易でお手軽で楽しげなんだけれどもLivedoorBlogと比べてしまうと圧倒的に自由度が低くスキンも<BODY></BODY>間の編集しか行えない。JavaScriptも使えない。ということはFaviconも付かないしTrackFeedも置くことができない。LivedoorBlogならどこかにファイルを置きさえすればFaviconや外部JavaScriptも使える。

でも。

えー、外部?となる。

どうせ外部ファイルを置くなら無料ホームページのあるFc2blogはどうだろうか?と言うことでいくつかのBlog検証サイトを巡ってみたところ評判はまぁ上々。個人的には無料ホームページの管理画面が使いづらかったイメージが強くあまり乗気ではなかったのだけれどもいざ使ってみると取立てて不便だと思うことが無く、邪魔だと思う機能も目に付かず、やりたいと思ったことにも制限がない。と思う。

人それぞれの用途によって基準も違うと思うけれど差し障りない程度の当り前のことが当り前のように提供される無料サービスというものは意外に少ない。
ごそごそやってたテンプレート作成も形になってきたので近日中に乱立したBlogを抹消してこちらを稼働させる予定です。

shuffle!

20050307141859
届きました。
ちいさーい。

Fc2blogでアップロードできるファイル

ファイルの選択

(*アップロードできるファイルは、250KBまでの拡張子jpg,gif,png,mid,swf,ico,mp3,html,txt,css,js,rdfです。)

え〜

icoファイル置けました。
置けてしまいました。よ。
ちょっとビックリしました。

大手のレンタルブログはどこもわりと規制が多くて思うように遊んだり試したりできないみたいなのでもういっそ自分でMT設置した方が早いんじゃないだろうかと思いかけてたところfc2の寛容さに戦きました。

IcoMakerでFaviconを作る

Memo:
IcoMaker
ICOファイルの表示・作成ができるOSX用フリーソフト。
(Ico: FaviconやWindowsのアイコンファイルの形式)


というわけでFavicon.ico作ってみました。

1:まずPhotoshopELで16px×16pxの元画像を作成。
2:Tiff形式で透過を選んで保存。
(透過Gifだとなぜかダメ。透過以外(真四角)ならGifでも問題なく読み込めた。)
3:IconMakerを立ち上げて「新規作成」
4:「ファイル」から「イメージ読み込み」で先ほどのTiffを読み込む。
5:16色か256色に減色。
(元画像を作成した時点でWeb256へ減色しておいた方が無難)
6:読み込んだアイコンがSelect された状態で「ファイル」からセーブ。

出来上がった.icoファイルをサーバへ転送し、Faviconを使用したいページの<head></head>間に<link rel="shortcut icon" href="favicon.ico(favicon.icoを置いたアドレス)">を記入。

*faviconの表示されないブラウザもあります。

feed meterとtrack feed

Memo:

feed meter
ブログ RSS フィードの人気度と更新頻度を計測するメーター

track feed
Webサイトにリンクが張られたら瞬時にRSSで配信