好きな漫画の感想、便利なアプリ・おすすめ商品の紹介
「浅漬け CSS」という、「通」な人がニヤリと笑う CSS が提案されています。
浅漬けCSSの定義
必要な要素へのmarginとpaddingのリセット程度を記述した、シンプルなCSSファイルやソースコードを浅漬けCSSと呼びます。
サイトによって記述する内容が変わる事もあります。
ということで、ブラウザによって表示が まちまちになる各要素を、あっさり目にスタイルをリセットする CSS ですね。
一昔前だと、こういったコードが多く見られました。
* {
margin: 0;
padding: 0;
}
というか、今も使われていますが、たしかデメリットが あったような──。フォームとかボタンに悪影響がある、だったかな？ 情報ソースが見つからないので、みなさんへの宿題に しておきましょう（何様？）。
少し前から、「半角の文字と全角の文字の間に、半角の空白を入れる」ように しています。明らかに、id:xx-internet さんのマネですな。
組版ソフト（Word とか）なら、自動的に半角文字と全角文字の間のマージンを調整してくれます。インターネットブラウザも、同様にレイアウトしてくれると、良いですよね。
しかし、今のところ CSS は（少なくとも主要ブラウザでは）対応していないし、JavaScript では、遅くなるだろうし。
ということで、自分は、記事を書く時点でスペースを入れています。少し面倒ですが、顔文字などで誤爆が ないですからね。
スペースを はさむのは手動で、──では日が暮れるので（記事を書くのは夜間です）、Xyzzy 用の Lisp、『auto-space.l』を愛用しています。もう配布されていない のですが、「Xyzzy auto-space」で検索すれば、どこかの誰かの Wiki で見つかるかも しれません。
最近は、「ひらがな、または漢字が連続している部分にも半角空白文字を入れる」ように なりました。これまた、『不活性で怠惰なアタシの肉体の神秘』の加藤はいね さんの影響です。
たとえば、「私ははてなは面白いと思う」みたいな文を見ると、ちょっとイラッとするので、スペースを空けたくなります。
──が、なかなか加減が難しいですね。「私は はてな は面白いと思う」だと、「はてな」を変に強調しているように見えるし。
こういう場合は、文章の表現自体を変えたり、「はてな」をリンクにしたり、かぎ括弧で囲んだり、──と、ムダな努力をしています。
『CSS Naked Day』を ご存じですか？
1 年に 1 回、この時期だけ CSS を無効にして、裸の <body> を さらけ出そう！ という、変態たちのイベントですね（オイオイ）。
一昨年、昨年と盛り上がったのに、今年は誰もネタにしていない──。とくれば、ウチで取り上げるのに ふさわしい！ ということで紹介しましたが──。
──どうやら、前回までは 4/5 だったのが、今年は 4/9 になったようです。まぁ、もうハダカになる気マンマンだったので、この際、気にせず衣装（CSS）を脱ぎます。
いろいろと調整が面倒なので、トップページだけは CSS を残して、他のページを無効にしました。
プログラマへ質問: こんなプログラム言語があったら── : 亜細亜ノ蛾の続きです。
CSS という言語は、「できること」（文字装飾など）と、「できないこと」（サーバ通信 など）を覚えるまでは簡単です。
できることが わかっていれば、「やりたいこと」の答えは検索で すぐに見つかります。できないことも、あっさり諦められる。
問題なのは、「できなさそうで できること」（リンクに特定のアイコンを表示）と、「できそうで できないこと」（リンクに favicon を自動取得して表示）を覚えるのが やっかい。
さらに、「全てのブラウザで同じように表示させたい！」と禁断の、いや ごく普通の願いが、地獄への道しるべ。CSS 魔のダンジョンへ、ようこそ──。
そこで──、すべての Web デザイナ・CSS ファン・ブロガ必見、現在絶賛発売中のホップ本（飲み口は柔らかいが辛口、のどごしスッキリ）を熟読するわけです。
これでアナタも、CSS と (X)HTML に関しては一人前だ！
──のだけれど、厄介なのは これから。
突然ですが質問です。アナタがプログラマだとして──
あなたの愛するプログラム言語に、ある日 突然、呪いをかけられました！
──さて、アナタはそれでも、その言語を愛することが できますか？
（「CPAN」が使えなくなる、だけで充分かも・笑）
「そんな言語ねーよ w」というアナタへ──
……
……
……
つ 「CSS」
（長くなったので、明日に続きます……。ここからが面白いよ！ たぶん）
「はてな がヌルヌルしている……」
──あ、えっと、いま みなさん（誰？）が想像しているような、そっち（どっち？）の話題ではないです。
いくつかの はてなダイアリーで、
「マウス・ホイールでスクロールすると、ヌル～～～と遅くなる（Firefox の場合）」
という現象が、かなり以前から起こっています。──まぁ、はてなダイアリーで多く起こるので、わざと「ヌルヌル」と言いましたが、一時期 話題になった、「ぶよぶよスクロール問題」っぽい。
──でも これは、IE の話だし、CSS 見直したら
、の具体例が書いてないお (^ω^;)(;^ω^)
Firefox を使っていて、ヌルぶよっとする原因はなんだろう？
原因と解決策を、調べてみました。
mt.Vicuna（と MT4）に移行しようと、一万年と二千年前から、日夜がんばっています。仕事中の空き時間とかに。
今回は、みんな大好き jQuery を使って、簡単に「サイドバーを AJAX で読み込む方法」を紹介します。
いくつか方法はあると思いますが、JSON で云々といった方法よりも簡単な、PHP（readfile, include, …） や SSI を使うのに近いやり方です。
jQuery を使えば、ほんの数行のスクリプトでできますよ。
まずは、完成したサンプルページをご覧ください。
見た目は同じですが、後者はサイドバー部分（<div id="utilities"></div>）を AJAX で読み込んでいます。「ソースを表示」してみてください。
jQuery を習得したい！
──そう思っていた時期が僕にもありましt（ry、じゃなくて。もう 20 世紀くらいから言い続けているような気がしますが、jQuery をこつこつと勉強中です。
今回は、みんなも jQuery 使おうぜー、という支援記事です。
やはりここは外せませんね。
「メモ」どころではない、リファレンスと豊富なサンプルがすごい。知りたいことが、すぐに実行できます。
「jQuery でどんなことができるのか」を知るのに最適なページです。まずはここからどうぞ。
ヽ( ・∀・)ノくまくまー(2007-10-07): [jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレ
最近のヒット。今回の記事を書こうと思ったのも、ここに釣られたのが半分です。
けっこう真面目な記事かと思いきや、アイドル画像で格段にわかりやすく！ ──なっているか、というと疑問だけど、ものすごく食いつきよくなってます。ポイントをしっかり抑えているのがいい感じ。
Prototyper（造語）も jQuery にすんなり移行できそうですね（？）。
ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
ここ最近で、改めて jQuery の名前を広めたのがこの記事でしょう。
この記事も、Prototype.js などの JavaScript フレームワークを使ってきた人、JavaScript 中上級者 向けですね。
ミネソタでPerlを(まったり修行中) – jQuery超初心者にありがちな7つの間違い
jQuery の初心者で JavaScript の中級者、みたいな人に向けた記事ですね。
end() なんてあるのか──と、ここで初めて意識しました。
以上、いろいろと紹介しましたが、結局のところ「jQuery を使って何をするか？」が重要ですよね。自分は、そのあたりが決まらずに、グルグルと同じところを回っています……。
でも、過去に CSS や Movable Type、(X)HTML のタグの使い方が（なんとなくは）わかった時に、
「なんだ、こんな簡単なことで色が変えられたり、段組を変えたりできるのか！」
と少なからず感動したことがありました。
jQuery も「ちょっとすごい CSS」（わーい ＼(^o^)／）みたいに思えば、簡単に使えそう。な気がする。かもしれない。
早いもので、今年も 10 月になりました。10 月はいくつかビッグ・ニュースがあるのですが、第一弾はこちら。
Vicuna Blog – mt.Vicuna for MT4 Β1公開
そう、ついに mt.Vicuna の MT4 対応版が出ました！ wu さん、ひとまずお疲れ様です。
title="Vicuna Blog - mt.Vicuna for MT4 Β1公開">このテンプレートはプレビュー版であり、今後改良される可能性があります。MT4の扱いに慣れた方でmt.Vicuna2.0を試して見たい方、または、正式版の公開と共にアップグレード作業をして頂ける方のみご利用下さい。
mt.Vicuna2.0b1へのフィードバックをフォーラムでお待ちしております。
──とのことで、自分も早く MT4 と共に試して、フィードバックしたいです（今週中には……）。
mt.Vicuna for MT4 の目玉は、Template Installer プラグインを利用して、簡単にテンプレートの適用ができることですね。
プラグインのインストールが済めば、テンプレートの適用方法は、たったこれだけです。
テンプレート編集ページの右下にある「アクション」から、Install Templatesをクリックし、新規ウインドウに表示されるプルダウンメニューから Mt.Vicuna2.0b1を選択し「次へ」をクリックすることで、テンプレートの適用が完了します
──って、ものすごく簡単になりますね！ い、今までの苦労はなんだったんだ……。
スキンの適用も、もともと簡単ですし、某ダイアリーみたいに CSS 職人さんが増えるといいなぁ。──と、人任せにしてばかりいないで、自分も何かの役に立ちたいです。
MT4 に移行できない私的理由はコメント欄
Movable Type
Movable Type4 へ移行
水面下で着々と MT4 への移行準備が進んでいます──が、速度はナメクジ程度。
「何をそんなに時間がかかる部分があるのか」と自分でも思う。デザイン（テンプレートと CSS）は、丸ごと Vicuna から頂戴して、少しずつ自分仕様に直してます。
mt.Vicuna 2.x から、一段とモジュール化が洗練されて、いじりやすくなってます！
コメント周辺
ずっと悩んでいるのは、コメント周辺の設計。
ぶっちゃけ「一年で 10 数件コメントが付けば儲け物」、という当ブログ（涙）ですが、一時期「一日 10 件 spam」な状況になっていたので、いろいろとスパム対策を試しました。
けっきょく、「CGI リネーム法」移行、機械的なスパム投稿は 0 件です。
真説・対spam最終兵器 CGIリネーム烈伝 : 亜細亜ノ蛾
──いまだに、「一日 100 件くらいスパムが届く」という人は、導入を検討しては いかがでしょうか？ そっくり そのまま真似なくても、数日おきに CGI をリネームするだけでも、効果はありますよ。
ただ、スパム以外にも悩ましい問題があって……。
続きを読む