ウェブデザイン・文章一覧

コラージュとフリーフォントサイト・misprinted type 3.0

Web 2.0 以降

Web 2.0のデザインパターン | S i M P L E * S i M P L E を眺めて「ほほー」と思った(どちらにも取れる表現)のですが、「Web 2.0 以降」の流行りは、スッキリかっちりしたグリッドなデザインが多いですね。

昔懐かしい?

そんな中、妙に気になるのが下記のサイト。今でもまだまだ現役、でもちょっと古い Yo! な、「ホームページから Enter をクリック」してどうぞ。


misprinted type 3.0_ art, design and type (1998-2005) Eduardo Recifemisprinted type 3.0_ art, design and type (1998-2005) Eduardo Recife

中はこんな感じ。Eduardo Recife さんという、ブラジルのアーティスト(?)のサイトで、 portfoliodrawings から彼(彼女?)の作品が見られます。

misprinted type 3.0

続きを読む


はてなちゃん から かのせお兄ちゃん へ

加野瀬さんが MT をやめると はてなちゃんが「どぎゃ~ん」します

はてなちゃん :「え !? かのせお兄ちゃん MT やめちゃうの !? やめちゃヤダー !!」はてなちゃんセリフ

(ref: 海馬日記 – きよへろさんがメガネを外すとはてなちゃんが「どぎゃ~ん」します

──いや、もう遅いけどな。ウァーン・゚・(ノД`)


WordPressを導入 : ARTIFACT ―人工事実―WordPressを導入 : ARTIFACT ―人工事実―

続きを読む


表示の遅い JavaScript を JavaScript で何とかしたい!

外部 JavaScript を読み込む方法

JavaScript を利用して外部の JavaScript を読み込む方法は、いろいろ考えられます(ref: JavaScriptな日々 | 外部JavaScriptファイルの動的・静的ロードの方法)。今回は、表示までに時間がかかるスクリプト(おそらく document.write が原因)のせいで、ページ全体の表示が遅くなる、という問題にしぼって考えてみます。

問題のページ

次のようなページがあって、heavy.js の表示が遅く、その後に続く <div></div> がなかなか出てこない、という状況。これを何とか解消したいので「あーだこーだ」いうことにします。

<html>
<head></head>
<body>
<div id="heavi_div"><!-- ここが重い -->
<script type="text/javascript" src="http://example.com/js/heavy.js"></script>
</div>
<div></div>
<div></div>
<div></div>
</body>
</html>

続きを読む


ブログのコメント欄から認証サービスが消えている件

コメント欄について

現在、このブログのコメント欄では、TypeKeyなどの認証サービスを使わずに投稿できます。──というか、認証サービスに対応していません。それにはいろいろな原因があるのですが以下略(スクリプトを組み込むのが面倒くさいだけ説あり)。

──で、自分がちょこちょこお邪魔しているブログや、巡回先になっているサイトでも、認証サービスを使ったコメント欄が少なくなって来ていることに気がつきました(気のせいかも?)。

今年の前半くらいに各種認証サービスが大流行だったのも、今は昔──という具合。

認証サービスあれこれ

有名どころのサービスというと、下記の三つでしょうか。

はてな認証も、登場当時はあれだけ騒がれていたのに、Movable Typeに組み込んだ話は聞いたことがありません(情報きぼんぬ)。

うーんとこれは、何が原因なのでしょうか? みんな(誰)、spam対策に追われていて、認証サービスを組み込むのがマンドクセーということ? どこかに、「ブログパーツみたいに一行スクリプトの挿入で各種認証サービスに対応」みたいなものがあればいいのに。

続きを読む


PHPでランダムに広告を表示する11の方法

Make money!

サイト管理者をやっていると「ランダムに広告を表示したい」というときがあると思います。いろいろ方法がありますが、今回はPHPを使った方法を紹介。

自分なりに「広告を表示するためのリストファイルを1つだけ用意して、そこからいくつかの広告を選んでランダム表示」というのを考えてみました。

続きを読む


MTのステキサイト 『Walkin’ On The Spiral』

#### WPっぽいMTサイト
MTの情報を検索して、偶然発見したステキサイトを紹介。


Walkin' On The SpiralWalkin’ On The Spiral

全体的に色味を極力抑えてある分、上部のタブが鮮やかです。Wordpressで作られた感じが漂いますが、純MT製。──見習いたいものです。
さっそくlivedoor Readerに登録してから何日も経っているのですが、どうも自分以外に登録者がいない模様(2006-10-27T23:27:56+09:00現在)。
[livedoor Reader – RSSリーダー : Walkin’ On The Spiral](http://reader.livedoor.com/about/http://carnival.sakura.ne.jp/blog/atom.xml “livedoor Reader – RSSリーダー : Walkin’ On The Spiral”)
そんなわけで、上記サイトの管理人さんとは今のところ「MT仲間」という以外に繋がりがないのですが、何となく宣伝してみました。

続きを読む


はてなダイアリー話「蛾と蜂」「しなもんといわし」

#### 続き!
一つ前の記事、[Movable Type誕生5周年(昨日)記念!「あの時ボクは」 : 亜細亜ノ蛾](https://asiamoth.com/200610092303/ “Movable Type誕生5周年(昨日)記念!「あの時ボクは」 : 亜細亜ノ蛾”)というワケワカメなタイトルの記事で、自分がMTを使い始めたきっかけを語りました。そういえば、MTの前になんかやっていたなぁ、と回想。
#### その前ははてなダイアリー
実は、MTを始める前は、はてなダイアリーでブログらしきものをシコシコと。現在は訳あって放置中。まぁ、身内に見つかったとか何とか。

続きを読む


力を込めて書く

#### 一人で盛り上がったあと──
さて──。
[はてブとdel.icio.usのブクマを表示するグリモン : 亜細亜ノ蛾](https://asiamoth.com/200610012303/ “はてブとdel.icio.usのブクマを表示するグリモン : 亜細亜ノ蛾”)で騒いでいた、[silog – script/SBMCommentsViewer](http://white.s151.xrea.com/wiki/index.php?script/SBMCommentsViewer “silog – script/SBMCommentsViewer”)が注目されていない件は[hxxk.jp – [PR] ソーシャルブックマークで付けられたコメントを取りこぼさないために – for ?B, del.icio.us, ECnavi and livedoor clip](http://hxxk.jp/2006/10/03/2355 “hxxk.jp – [PR] ソーシャルブックマークで付けられたコメントを取りこぼさないために – for ?B, del.icio.us, ECnavi and livedoor clip”)でPRしてもらった結果、徐々に浸透しているようです。じわじわと。
また、[「恐怖はいつも あなたの隣に」(はてなユーザのこと?) : 亜細亜ノ蛾](https://asiamoth.com/200610032333/ “「恐怖はいつも あなたの隣に」(はてなユーザのこと?) : 亜細亜ノ蛾”)で訴えた、[不活性で怠惰なアタシの肉体の神秘 – 恐怖はいつも あなたの隣に。](http://haine.blogtribe.org/entry-e525d8076ab0a4419d5c3eab33023653.html “不活性で怠惰なアタシの肉体の神秘”)が全然ブクマされていない件は[clmemo@akaで取り上げられました](http://at-aka.blogspot.com/2006/10/blog-post.html “clmemo@aka: 「恐怖はいつも あなたの隣に」”)(!)し、まあまあブクマ数が増えたようです。まあまあ。
「他人が書いた記事があんまり注目されていないと(勝手に決めつけて)騒ぐ」というのは、徹頭徹尾、おはようからおやすみまで、「キモいよ!」というのが、終始一貫したみなさんの見解であることは間違いないでしょう。──ええそうでしょうそうでしょう。
──それでもいつか(近日中?)、またバカやるんだろうなぁ。その辺は大昔から変わらない。
#### チカラを込めて
それにしても、「書きたいことを書きたいように力を込めて書く!」ことをした結果、すこし貴重な体験をした気がします。
「何となく一人で『おかしいおかしい』騒いでいたら、何だか何人かの目にとまって、何らかの動きがあった」──
──という、何とも曖昧な、他愛ないことですが。
きっと、《アルファブロガ》な人たちは、そういうことが1024回くらいあったのでしょう。──先、長!
##### 森博嗣氏の言葉
それでも、森博嗣氏がいっていた言葉を、少し実感した気がします。
> エッセイに必要なことは「力」だと考えている。筆圧のことではない。
>
> [Amazon.co.jp: 100人の森博嗣: 本: 森 博嗣](http://www.amazon.co.jp/gp/redirect.html%3FASIN=4840114587%26tag=asiamoth-mt-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4840114587%253FSubscriptionId=08PWFCAAQ5TZJT30SKG2 “Amazon.co.jp: 100人の森博嗣: 本: 森 博嗣”)
「筆圧のことではない」というのが、茶目っ気があっていいです。同じような言葉で、こちらも好きですね。
> 力を入れて書いた言葉は必ず伝わるものです。
>
> [Amazon.co.jp: 森博嗣のミステリィ工作室: 本: 森 博嗣](http://www.amazon.co.jp/gp/redirect.html%3FASIN=4062733226%26tag=asiamoth-mt-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4062733226%253FSubscriptionId=08PWFCAAQ5TZJT30SKG2 “Amazon.co.jp: 森博嗣のミステリィ工作室: 本: 森 博嗣”)
最近は、惰性で記事を書くことが多いです。「文章力」とか「構成力」ではない、《力》を込めて、もっと面白い記事を書いていきたいですね。
さて、その力というのは──。何でしょうね?
#### この記事のタグ(偽)
[さりげなくアサマシ][力って何か、というのは考え続けたい][炎上させる力、ではないよ]


『亜細亜ノ蛾』を買う方法

#### メールもあるでよ
当サイト『亜細亜ノ蛾』ではRSS feedFeedを配信しています
──が、「Feed? なにそれ? RSSなら知ってるけど」(いや、それ判ってるよ?)という人のために、新着情報をメールで受け取ることが(じつは半年くらい前から)できます。
興味が(5ミクロンくらい)ある人は、下記フォームにメールアドレスを入れてみてください。『亜細亜ノ蛾』を「定期購読」できます。
──念のために書いておきますが**無料です**。




Delivered by FeedBurner

Feedburnerという海外サービスを利用しています。asiamoth(自分です)にメールアドレスが判ることはありません。登録解除もいつでもできます。
#### Via:
caramel*vanilla ≫ FeedBurnerのEmail Subscriptions機能
──し、4月の記事で見たのか……。
#### この記事のタグ(偽)
[スマン、ネタがないのだ][半年寝かせてしまった][何でもメールで管理する人に]


「知っていること」を書く難しさ

#### 無駄な労働力
勤務先で、社員が閲覧するページを作っています。内容が確認できればいいようなクオリティしか求められていないので、UIがどうの、デザインがどうの、というのはどうでもいい、という要望です。
しかし──せっかく作るんだったらデザインも見やすい方がいい、UIも使いやすい方がいい──ということで、
* (X)HTML文章の記述に配慮
* CSSによるデザイン
* (そこそこ)使いやすいUI
というのを念頭に作り始めました。──まぁ、勤務先はデザイン会社でもWeb制作会社でもないので、会社的には全く無駄な労働力を発揮してますが。
#### (X)HTMLテンプレートサイト
一から作るのは面倒なので、既存のテンプレートを利用しました。


The CSS Tinderbox - Open Source Web Design TemplatesThe CSS Tinderbox – Open Source Web Design Templates

あまり凝ったデザインにするつもりはなかったので、シンプルな[fixed 1-column](http://www.dbfnetwork.info/tinderbox/demos/fixed-1c/index.html “the css tinderbox: fixed 1-column layout (basic)”)を選択。──あまりにもシンプルすぎるのと、`div`の切り方が大ざっぱなので、ちょっとだけ苦労しましたが。
しかし、作業中に利用していたOperaでは問題ないデザインが、IE6だと崩れる状態。主に、フォントの大きさが違うのが原因でした。
さて、どうしよう──。

続きを読む