Recent Entries
- 20080321: またまたご無沙汰。
- 20060517: ご無沙汰です。
- 20060418: サイドバー内の文字サイズを揃える(aqua_3c、cranio_3c)
- 20060131: ブログ管理者用お知らせ 規約追記のお知らせ
- 20060119: 通知メールからコメント・トラックバック削除
▼ 懐かしのaqua
共有テンプレートに aqua が公開されました。
昨晩申請してその後いつ公開されたのかわかりませんが既に数日前から公開してる rosso や di_base を越えてまして嬉しいやら焦るやらあちこちあらが目立つやら。
誰にもダウンロードされなかったら自分のために作ったんだもんって言張ろうって勢いで とりあえずアウトプット してみた甲斐がありました。部分的に本気で自分のためだけに書込まれた指定とかも入ってますんで適当にチューニングして使って頂けると嬉しいです。使い勝手のフィードバックなども頂けると参考になります。
今回、aquaの画像は Liquid Button Maker 1.2.0b2 というOS 8〜9用 の「aquaボタン作成ソフト」を引張り出してきて使用しました。すばらしい!お手軽!懐かしい!配布元は既に行方不明なんですがMacな人々には大変懐かしいソフト。ですよね。色合は若干Photoshopで加工しています。
▼ DW99製テンプレカスタマイズ Q&A
20050331:WebNote: DW99共有テンプレートサポートに返信。
▼ 共有テンプレート更新履歴
▼ DW99共有テンプレートサポート
共有テンプレートにて di_base と rosso 2点を公開中です。
Firefoxやスタイルシートの切替え機能が付いたブラウザであれば、このページからブラウザの「表示」メニューで「スタイルシート」 を選択し、簡易的なプレビューを確認できます。←調整中
また、FC2 BLOGなのか? では、共有テンプレートのサムネイル付紹介や テンプレ選択支援ブックマークレット などテンプレート選びにお役立ちの情報が紹介がされています。
di_base と Rosso も公開いただいたようです。(感謝)
20050328:修正版をアップしました。
変更についてはこちらを参照してください。
横幅、文字サイズ可変のベーシック(シリーズ?)は、基本的に、画像挿入・画像置換え、文字サイズ、色彩の変更などの簡単なカスタマイズを行いやすいようにスタイルシートを記述しています。が、個人的なフォーマットなのでかえってわかりにくくなっている部分もあると思います。
ご質問があれば、お気軽にこの記事のコメント欄へお知らせ下さい。
サイドバーに「blogpeople」を入れると、各ブログ名が小さく表示されてしまう
- こちらを参照してください。
サイドバーから各コメント、各トラックバックの先頭に飛ばない
- 修正前のrosso、di_base共にアンカーの指定に失敗がありました。HTML部分の<!--rcomment--><!--/rcomment-->間にある #comment 部分を #cm へ変更してください。同様に<!--rtrackback--><!--/rtrackback-->間にある #trackback を #tb へ変更してください。
現在は修正版が公開されています。
▼ Firefox 1.0.2
Firefox 1.0.2 セキュリティアップデート。
問題なく移行できました。
Reference:Mozilla Japan では 3 月 24 日、Firefox 1.0 のアップデート版となる Firefox 1.0.2 の日本語版をリリースいたしました。今回のバージョンには、Firefox 1.0 および 1.0.1 に発見された セキュリティ問題の修正 が含まれており、すべてのユーザにアップデートを推奨します。
- Firefox - Web の再発見
- http://www.mozilla-japan.org/products/firefox/
▼ Babel Fishで翻訳
下のリンクを掴んでブックマークバーに放り込んでおき、翻訳したいページを表示した状態でこのブックマークレットを選択すると同ウィンドウでBabel Fishの翻訳結果ページを開いてくれるというライトなブックマークレットです。
Firefoxで動作確認。自分用に作ったものなのでなんら保証はできません。フリー。
検索結果を別ウィンドウで開いたり、http://から始るページで使用した場合にその翻訳サイトのトップページを開くといったブックマークレットはこちらの Safariの道具箱 にて公開されています。
- AltaVista - Babel Fish Translation
- http://babelfish.altavista.com/
▼ W3Cの仕様書等の文書の日本語訳集
- W3C - W3Cの仕様書等の文書の日本語訳集
- http://www.w3.org/Consortium/Translation/Japanese
▼ HTML鳩丸倶楽部
- HTML鳩丸倶楽部 ☆ 水無月ばけらのHTML蘊蓄サイト
- http://www.ne.jp/asahi/minazuki/bakera/html/hatomaru
▼ Another HTML-lint
HTML文書の文法チェック
Reference:- Another HTML-lint
- http://openlab.ring.gr.jp/k16/htmllint/index.html
▼ japanese font, charactor code
日本語フォントや文字コードについてのリンク集
Reference:- japanese font, charactor code / 日本語フォント、文字コード
- http://www.zukeran.org/shin/jdoc/
▼ PRO.HTML.it
- PRO.HTML.it - Approfondimenti di Web Publishing
- http://pro.html.it/
▼ WDG HTML Validator
WDGのHTML検証サービス
Reference:- WDG HTML Validator
- http://www.htmlhelp.com/tools/validator/
▼ rfc-jp ML
- rfc-jp ML / RFC 日本語版翻訳公開班
- http://www.imasy.or.jp/%7Emasaka/rfc-jp/
▼ WebReference
▼ W3C
- World Wide Web Consortium
- http://www.w3.org/
▼ タブで開くを無効にする
ツールバーからブックマークフォルダを開こうとして、手が滑って「タブで開く」を選んでしまい、ものすごい数のリンクをタブで展開しかかったことが何度かあります。 最近は操作にも慣れてきたのでこのような失敗もなくなりましたけれども、もう少しリラックスして使いたいので「タブで開く」を非表示にすることにしました。
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バッジ
- アップル - Webバッジ
- http://www.apple.com/jp/about/webbadges/index.html
ソフトの動作確認とか混乱するといけないので一応「Macをメインに使っているよ!」という印を数年ぶりに貼ってみようかとふと思ったりしたわけですがなんか色々読まなきゃならないようなので明日にします。りんくひとつはるのもたいへんなよのなかね。
▼ ログのインポート
FC2BLOGのログをバックアップしてインポートした際のメモ。
「Memo:」の「:」は全角で書いておいた方が良い。
データ形式に半角の「:」が使用されているので文中に 半角の「:」+(改行)があるとそれ以降をデータとして認識してくれない。(バックアップ自体は取れています)
▼ 画像を使わない角丸
- Nifty Corners
- http://pro.html.it/esempio/nifty/
参照元:
- 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 タグを直接書込むことなど想定していないと思っていたんですが、そうでもないらしいニュアンスの記事が多いのはどうしてなのか?
▼ ブックマークレット色々
- JAVASCRIPT::BOOKMARKLET
- http://bookmarklet.daa.jp/
コピーフリーのブックマークレット紹介サイト。 IEユーザーだって豆粒のような文字サイズには困らない。ハズ。
▼ ブックマークレット・パブリッシュキット
オリジナルのブックマークレット開発と配布にお役立ち
- Bookmarklets Publish Kit
- http://www.teria.com/~koseki/memo/bookmarklets/publishkit.html
とりあえず今はこちらの「今見ているページにリンク」を活用しています。
▼ ファーミング詐欺?
正しいURLを偽サイトにつなげる「ファーミング詐欺」(上)
http://hotwired.goo.ne.jp/news/technology/story/20050317303.html
正しいURLを偽サイトにつなげる「ファーミング詐欺」(下)
http://hotwired.goo.ne.jp/news/technology/story/20050318308.html
もはやどのように対策を取ったら良いのかわからないレベル。
▼ 「スゴいカウンター」でオリジナル画像
オリジナル画像アップロード画面
http://sugoicounter.com/cgi-bin/cnt.pl?action=digits
ログイン後、上のアドレスへアクセスして使用する画像をアップロード。
「スゴいカウンター」管理人の承認(メールで連絡・いつ来るかわからない)を得た後、再び上のアドレスへアクセス。←このページの左側のメニューから「サイト情報」へ飛ぶとオリジナルカウンタのコードが記されている。
*通常のログインから「サイト情報」へ飛んでもオリジナルカウンタは表示されない。
*透過Gifだと正しく認識されない模様。
参考:
http://fc2bbs.com/bbs?action=reply&uid=9283&tid=6024811
備考:
・ポート10000をはじいているとカウンタが読込めません。
・面倒なので透過GIFのまま放置中...。
▼ テンプレートの表示確認
・
・
・XP IE6.0
・XP Firecfox1.0.1
・
・
・OSX Safari(:beforeの文字参照が文字化け>対策>画像化?)
・
・OSX Netscape7.1
・OSX iCab2.9.8
・OS9 IE
・OS9 iCab
・OSX Mozilla
このテンプレートは存在しません。
▼ Movable Typeのカスタマイズ
▼ レンタルでないブログ(改)
使用条件:
個人使用で無料。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 日本語版リリース
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
FreeCGI検索サイトBEST BCP PURSUITのミラ−ペ−ジ
配布サイト・CGIの説明・サンプルを同時に見ることが出来るので大変重宝。本家が潰れたままなので時々見失いますがミラーはまだ健在のご様子。
ただし、長らくメンテナンスもなく登録申請も受け付けていない為、最近のスクリプトは探せません。サンプルもリンク切れが多いです。
▼ 発掘。

すーふぁみ。
▼ 頂きました。

す〜て〜き〜。
▼ 愛用HTMLリファレンスの履歴
初めて利用したリファレンス。
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)
最新の改訂版。

HTMLハンドブック ナツメ社ハンディ・リファレンスの赤い帯には「HTML3.0/3.2対応」と書かれています。ネットスケープとかインターネットエクスプローラーとかバージョン2.0の世界...。
詳解HTML&XHTML&CSS辞典と詳解HTML&スタイルシート辞典―最新実用カラー版は著者名が異なりますが同一の方でZSPCを公開している方でもあります。秀和システムの書籍もZSPCにあった広告で知りました。本当に長らくお世話になってます。
▼ Firefox Extension
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決定。
と言うわけであれやこれや悩んだあげく結局Fc2へ流れ着きました。
LivedoorBlogはExciteBlogに比べてカスタマイズの自由度が高いけれどプラグインというオプション設定が非常に面倒〜、逐一面倒〜、と言う印象がどうしても拭えず、ExciteBlogはスキン編集がわりと容易でお手軽で楽しげなんだけれどもLivedoorBlogと比べてしまうと圧倒的に自由度が低くスキンも<BODY></BODY>間の編集しか行えない。JavaScriptも使えない。ということはFaviconも付かないしTrackFeedも置くことができない。LivedoorBlogならどこかにファイルを置きさえすればFaviconや外部JavaScriptも使える。
でも。
えー、外部?となる。
どうせ外部ファイルを置くなら無料ホームページのあるFc2blogはどうだろうか?と言うことでいくつかのBlog検証サイトを巡ってみたところ評判はまぁ上々。個人的には無料ホームページの管理画面が使いづらかったイメージが強くあまり乗気ではなかったのだけれどもいざ使ってみると取立てて不便だと思うことが無く、邪魔だと思う機能も目に付かず、やりたいと思ったことにも制限がない。と思う。
人それぞれの用途によって基準も違うと思うけれど差し障りない程度の当り前のことが当り前のように提供される無料サービスというものは意外に少ない。
ごそごそやってたテンプレート作成も形になってきたので近日中に乱立したBlogを抹消してこちらを稼働させる予定です。
▼ shuffle!

届きました。
ちいさーい。
▼ Fc2blogでアップロードできるファイル
ファイルの選択
(*アップロードできるファイルは、250KBまでの拡張子jpg,gif,png,mid,swf,ico,mp3,html,txt,css,js,rdfです。)
え〜
icoファイル置けました。
置けてしまいました。よ。
ちょっとビックリしました。
大手のレンタルブログはどこもわりと規制が多くて思うように遊んだり試したりできないみたいなのでもういっそ自分でMT設置した方が早いんじゃないだろうかと思いかけてたところfc2の寛容さに戦きました。
▼ IcoMakerでFaviconを作る
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の表示されないブラウザもあります。






