webdesign一覧

はてなダイアリーの公開デザインを MT で使いたい!

はてな さんとこでデザイン管理機能が!

はてなダイアリー日記 – はてなダイアリーデザイン管理機能リリースを見て真っ先に思ったこと。

(´ -`).。oO( Movable Type で はてなダイアリー互換のテンプレートを作ったらモテモテじゃね?)

はてな・ミーツ・MT !

昔から(たぶん MT でブログを始めた当初から)「まぁ、似たようなことを考えているひとは 100 万人くらいいるだろうから、あとからゆっくりと探すか……」と思ってのんびり構えて、早三年(!)。いまだにそんなものは見たことがありません。

ライセンスの問題?

ひょっとしたら、ライセンスの問題でないのか? ということで、ちょっと はてなダイアリーのライセンスについて調べてみました。

続きを読む


コラージュとフリーフォントサイト・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

続きを読む


表示の遅い 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仲間」という以外に繋がりがないのですが、何となく宣伝してみました。

続きを読む


コメント0でもいいじゃない 個人ブログだもの

#### いつもの如く無意味な前書き
最近は毎日更新ができています。世間では(特にアルファな方々は)一日に何度も更新する、ということが当たり前のようですが、三日坊主の自分にしては、頑張ってる方だと思います。
──それにしても、コメントは全然付かないな(ぼそっと)。はてブも。
そもそも、コメントが付きにくいブログ、というのは、何となく肌で感じられる物です。二三の記事を読めばすぐ判る、というか(モニタの前でドキッとしたのでは?)。
このブログでいうと、「コメントするには内容が薄く、[あとで読む]タグを付けるには短すぎる」という感じでしょうか。コーヒーのアメリカンを「お茶で濁す」感じ(違うと思う)(というか、こういうユーモアがコメントしにくいのでは?)。
そんなわけで、モダシンさんのこの記事は、ドキリ、でした。

続きを読む


絶対領域なき縞々オーバーニーソ

#### 趣向が定まっていない
今日はちょっと趣向を変えて、ちょっと「大人の時間」なサイトを紹介(最近、趣向が安定した試しがない)。
もろにエロ! な画像ばかりではないですが、まぁ、一部「子供はダメよ」な物もチラホラ。
縞々の《オーバーニーソ》を履いている画像を集めたサイトです。──叙述トリック大好きなミステリィファンのために補足しておくと、すべて*女性の画像*です(じゃなかったら──ガクブル)。


A RayasA Rayas

[絶対領域](http://ja.wikipedia.org/wiki/%E7%B5%B6%E5%AF%BE%E9%A0%98%E5%9F%9F “絶対領域 – Wikipedia”)などの日本的ワビサビや、ミサ(デスノート)のコスプレは、無いみたいで残念。

続きを読む


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

#### 無駄な労働力
勤務先で、社員が閲覧するページを作っています。内容が確認できればいいようなクオリティしか求められていないので、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だと崩れる状態。主に、フォントの大きさが違うのが原因でした。
さて、どうしよう──。

続きを読む


IEで文字が消える不具合を解消

IEで文字が消える不具合を解消
CSSに関するメモです。
> IEには様々なバグがありますが、レイアウト面でのバグの多くを回避する方法として、「**幅を固定する**」というものがあります。例えば、文の途中の行が文字が書いてあるにもかかわらず消えてしまって、でもドラッグすると見えて、でもすぐ消えて、みたいな現象が起こった場合は、この方法が有効です。
>
>


> div.body{_width: 100%;}
> 

> このように書きます。
>
> (中略)
>
> このように「\_」を前につけることによって**IEでのみ適用させる**ことができます。(中略)MacIE5は無理だったかもしれません。