ウェブログのデザインとは何をデザインすることか
- 更新: 2008 年 09 月 28 日 02:18
- 2008 年 09 月 27 日 23:53 に asiamoth が投稿
- タグ: Weblog, webdesign, thinking, browser, UI
- カテゴリー: Weblog | Webデザイン
- コメントする
- トラックバックする
ウェブログとは何か
ウェブログそのものについての考察は、とっくに語り尽くされた。そう思っていたし、自分の中でも「漠然としながらも揺るぎない存在」になっている。──人生とか自分・世界・猫のかわいさと同じで、わざわざ定義したり他人に説明したりしなくても（できなくても）、「そういうものが在る」と胸を張って言える存在だ。
しかし、明確にウェブログを定義した記事を見た。一文を引用しよう。
ユーザにとってウェブログはハイパーテキストアプリケーションの一種だ。
「ハイパーテキストアプリケーション」とは何だろう？
World Wide Webはハイパーテキストという概念を応用した「ハイパーテキストアプリケーション」で、ブラウザはハイパーテキストアプリケーションのビューワー。当然ウェブログもハイパーテキストアプリケーション。
「これだ！」と膝を打ちたくなった。ウェブログというものをこれほど分かりやすく示した言葉はない──とは言い難いが、自分にはしっくり来た。
さて、ウェブログがハイパーテキストの応用
ならば、目指すべきデザインというのも見えてくる。不要な装飾は削ぎ落とすべきだ。どこまでをブラウザの機能に任せ、どこからがデザインの腕の見せ所か──。じっくり考えると、使いやすく見やすいウェブログができそうだ。
「浅漬け」と「ぬかみそ」、そして default.css
新顔・浅漬け CSS
「浅漬け CSS」という、「通」な人がニヤリと笑う CSS が提案されています。
「浅漬け CSS」って何？
浅漬けCSSの定義
必要な要素へのmarginとpaddingのリセット程度を記述した、シンプルなCSSファイルやソースコードを浅漬けCSSと呼びます。
サイトによって記述する内容が変わる事もあります。
ということで、ブラウザによって表示が まちまちになる各要素を、あっさり目にスタイルをリセットする CSS ですね。
一昔前だと、こういったコードが多く見られました。
* {
margin: 0;
padding: 0;
}
というか、今も使われていますが、たしかデメリットが あったような──。フォームとかボタンに悪影響がある、だったかな？ 情報ソースが見つからないので、みなさんへの宿題に しておきましょう（何様？）。
半角・全角文字の間、ひらがな・漢字の連続にスペース
- 更新: 2008 年 07 月 30 日 15:39
- 2008 年 04 月 15 日 23:30 に asiamoth が投稿
- タグ: writing, webdesign, neta, entertainment, 志村けん
- カテゴリー: Webデザイン
- コメントする
- トラックバックする
半角文字と全角文字の間にスペース
少し前から、「半角の文字と全角の文字の間に、半角の空白を入れる」ように しています。明らかに、id:xx-internet さんのマネですな。
組版ソフト（Word とか）なら、自動的に半角文字と全角文字の間のマージンを調整してくれます。インターネットブラウザも、同様にレイアウトしてくれると、良いですよね。
しかし、今のところ CSS は（少なくとも主要ブラウザでは）対応していないし、JavaScript では、遅くなるだろうし。
ということで、自分は、記事を書く時点でスペースを入れています。少し面倒ですが、顔文字などで誤爆が ないですからね。
スペースを はさむのは手動で、──では日が暮れるので（記事を書くのは夜間です）、Xyzzy 用の Lisp、『auto-space.l』を愛用しています。もう配布されていない のですが、「Xyzzy auto-space」で検索すれば、どこかの誰かの Wiki で見つかるかも しれません。
ひらがなの連続にもスペース
最近は、「ひらがな、または漢字が連続している部分にも半角空白文字を入れる」ように なりました。これまた、『不活性で怠惰なアタシの肉体の神秘』の加藤はいね さんの影響です。
たとえば、「私ははてなは面白いと思う」みたいな文を見ると、ちょっとイラッとするので、スペースを空けたくなります。
──が、なかなか加減が難しいですね。「私は はてな は面白いと思う」だと、「はてな」を変に強調しているように見えるし。
こういう場合は、文章の表現自体を変えたり、「はてな」をリンクにしたり、かぎ括弧で囲んだり、──と、ムダな努力をしています。
『CSS Naked Day』 今年は 4/9 に開催（フライング）
CSS Naked Day
『CSS Naked Day』を ご存じですか？
1 年に 1 回、この時期だけ CSS を無効にして、裸の <body> を さらけ出そう！ という、変態たちのイベントですね（オイオイ）。
一昨年、昨年と盛り上がったのに、今年は誰もネタにしていない──。とくれば、ウチで取り上げるのに ふさわしい！ ということで紹介しましたが──。
今年は 4/9 開催
──どうやら、前回までは 4/5 だったのが、今年は 4/9 になったようです。まぁ、もうハダカになる気マンマンだったので、この際、気にせず衣装（CSS）を脱ぎます。
いろいろと調整が面倒なので、トップページだけは CSS を残して、他のページを無効にしました。
「(X)HTML + CSS だけで Web デザイン」時代の終わり？
- 2008 年 01 月 11 日 23:47 に asiamoth が投稿
- タグ: webdesign, CSS, JavaScript
- カテゴリー: Webデザイン
- コメントする
- トラックバックする
前回の続き
プログラマへ質問: こんなプログラム言語があったら── : 亜細亜ノ蛾 - Weblogの続きです。
CSS で「できること」「できないこと」
CSS という言語は、「できること」（文字装飾など）と、「できないこと」（サーバ通信 など）を覚えるまでは簡単です。
できることが わかっていれば、「やりたいこと」の答えは検索で すぐに見つかります。できないことも、あっさり諦められる。
問題なのは、「できなさそうで できること」（リンクに特定のアイコンを表示）と、「できそうで できないこと」（リンクに favicon を自動取得して表示）を覚えるのが やっかい。
さらに、「全てのブラウザで同じように表示させたい！」と禁断の、いや ごく普通の願いが、地獄への道しるべ。CSS 魔のダンジョンへ、ようこそ──。
「CM 入りまーす」
そこで──、すべての Web デザイナ・CSS ファン・ブロガ必見、現在絶賛発売中のホップ本（飲み口は柔らかいが辛口、のどごしスッキリ）を熟読するわけです。
これでアナタも、CSS と (X)HTML に関しては一人前だ！
──のだけれど、厄介なのは これから。
プログラマへ質問: こんなプログラム言語があったら──
- 2008 年 01 月 10 日 23:54 に asiamoth が投稿
- タグ: webdesign, CSS, programming
- カテゴリー: Webデザイン
- コメントする
- トラックバックする
プログラマへ質問
突然ですが質問です。アナタがプログラマだとして──
あなたの愛するプログラム言語に、ある日 突然、呪いをかけられました！
- 次の物が使えなくなりました:
- 変数
- 配列 / リスト
- ハッシュ / 連想配列
- 関数 / サブルーチン
- ポインタ / 参照
- その他いろいろ……
- 次の仕様変更がありました:
- クラスは全て継承
- 環境によって、実行結果が まちまち
- 「標準」に準じた環境が ほぼ皆無
- もっとも「標準」から遠い環境が世界標準
- 何年も前から既知のバグが どっさり
──さて、アナタはそれでも、その言語を愛することが できますか？
（「CPAN」が使えなくなる、だけで充分かも・笑）
「そんな言語ねーよ w」というアナタへ──
……
……
……
つ 「CSS」
（長くなったので、明日に続きます……。ここからが面白いよ！ たぶん）
Webデザインその他のエントリー
- December 05, 2007
はてな がヌルヌルしている（CSS の話）
かなり以前から、はてなダイアリーがヌルヌルしているのに気がついた。
──って、そっちの話じゃなくて、「スクロールすると もたつく」という現象。
原因を調べ、user CSS で何となく解決したが、他にも原因がありそう？
- October 26, 2007
jQuery を使ってサイドバーを AJAX で読み込む
まだまだ、ブログのカスタマイズ中。
今回は、jQuery を使ってサイドバーを AJAX で読み込む方法を紹介。
ものすごく簡単にできるので、オススメ。
- October 10, 2007
全員が 10 分で jQuery を使い出す（といいな）スレ
タイトルはスルーの方向で。
最近の jQuery 初心者向け記事をまとめてみた。
どちらかというと JavaScript 中級者・jQuery 初心者向けの物が多い。
- May 28, 2007
「空き容量 429MB」に学ぶ「三拍子」
最近お気に入りのブログが「空き容量 429MB」。
別に「三拍子」がテーマのブログではないが、勝手にこのブログから学んだことを紹介。
短いながらもセンスのいいコメント力を見習おう。
- December 23, 2006
画像拡大スクリプト「Highslide JS」「Thickbox Gallery」
初めて見たらけっこうビックリするスクリプト、Highslide JS を紹介。
Highslide JS などの画像拡大スクリプトを切り替えて利用できる Thickbox Gallery も凄い。
似たようなスクリプトが多いので、なるべく省力化して導入できないだろうか？
- December 10, 2006
Wordpress の wp-tegaki プラグインに激しく嫉妬
Wordpress のプラグインには面白い物が多い。
今回紹介する wp-tegaki は手書き文字風のフォント画像を生成するプラグイン。
Movable Type でも同じようなプラグインが欲しい……。
- November 27, 2006
「スタイルシートチェンジャー」で はてなスタイルを切り替え可能に
PHP で CSS を切り替え可能にする「スタイルシートチェンジャー」を導入。
現在はトップページだけだが、「はてなスタイル」を切り替え可能にしてみた。
……うーんと、はてなポリス ﾏﾀﾞｧ-? （･∀･ ）っ/凵⌒☆ﾁﾝﾁﾝ
- November 24, 2006
コラージュとフリーフォントサイト・misprinted type 3.0
Web 2.0 なデザインはまだまだ大流行中。
どこもかしこもツルツルピカピカ、丸まっている感じ。
たまには逆行したデザインもいいじゃないか、ということで紹介。
- November 18, 2006
表示の遅い JavaScript を JavaScript で何とかしたい！
ブログパーツを一つ導入しただけで、ページ全体が重くなった──ありがち。
今回は、JavaScript で何とかすることを考えてみた。
──たぶん、ｱﾘｴﾅｲくらいおかしなことが書いてあると思われ。
- November 05, 2006
PHPでランダムに広告を表示する11の方法
すべてはMake moneyのために──（どんだけアサマシいんだよ！）。
ランダムに広告を表示する方法はいくつかあるが、オリジナルを考えてみた。
──とっくにもっと高性能なものがあると思うけど。
- October 27, 2006
MTのステキサイト 『Walkin' On The Spiral』
ステキデザインのサイト、というとWordpress製であることが多い。 今回は、Movable Type製のステキサイトを紹介。 いい意味でMTっぽくないのが素晴らしい。見習いたい。
- September 05, 2006
「知っていること」を書く難しさ
人間、だれでも「知っていること」しか書けないはず。 それなのに、「当たり前に知っていること」を記事にするのは難しい。 会社で無駄な労働力を発揮しているときに、ふと、そんなことを思った。
- January 13, 2005
IEで文字が消える不具合を解消
IEで文字が消える不具合を解消 CSSに関するメモです。 IEには様々なバグ...
- November 29, 2004
使える GUI デザイン
使える GUI デザイン Web デザインを考えるのにも参考になります。 こうし...
- November 15, 2004
画像を使わないでボタンを作る
画像を使わないでボタンを作る いわゆる「ちまちまボタン」風のボタンを、画像を使わ...
- October 25, 2004
フィリップ・スタルク デザインのマウス
フィリップ・スタルク デザインのマウス フィリップ・スタルク デザインの Mic...
- October 20, 2004
説明書がいらないくらいカンタンな通話専用ケータイ
説明書がいらないくらいカンタンな通話専用ケータイ 「子機」みたいな感じ。デザイン...
- September 21, 2004
閲覧者から見て「嬉しい」 CSS の使い方
閲覧者から見て「嬉しい」 CSS の使い方 古いブラウザ向けの Hack もある...
- September 08, 2004
Color Scheme Generator 2
[ws] Color Scheme Generator 2 Web 上で配色を行...
