webdesign一覧

「空き容量 429MB」に学ぶ「三拍子」

読めないブログ

誰にでもあると思いますが、自分には「読めないマンガ」というのがあって、たいていは絵柄によります。話はすごく面白いし好みだけど、絵柄が嫌いなので読めない、ということはいまだにありません。たいてい、絵柄が嫌いなマンガは話も惹かれる物がなかったり。

ブログもそう。どんなに話題のブログでも、文体というか芸風・スタイルが合わないブログは、読めない。受け付けない。

自分好みのブログ・スタイル、というのもころころと変わりますが、傾向をまとめると「自分の記事は自信を持って書いているけど、人の記事を取り上げる姿勢は謙虚」、というのが基本。その前に、大前提として「楽しんで書いている事が伝わってくる」というのもあります。

空き容量 429MB

そんな、自信・謙虚・楽しい、と三拍子そろって、しかもお洒落なサイトで最近お気に入りなのが「空き容量429MB」。


空き容量429MB空き容量429MB

続きを読む


mt.Vicuna (新 MAQUE!)テンプレートサイト公開

新 MAQUE

新 MAQUE キタ━(゚∀゚)━!!

title="Movable Type テンプレート: MAQUE">

2007-03-06: MAQUE Templateはmt.Vicunaテンプレートとして生まれ変わりました。

今後MAQUEは保守のみで、mt.Vicunaを更新する予定です。

Movable Type テンプレート: MAQUE

XHTML1.0 Strict な Movable Type のテンプレート配布サイト、Movable Type テンプレート: MAQUEがその役目を終え、新しいサイトができていました!

wu さんといえば

MAQUE と mt.Vicuna の「中の人」は wu さん。こちらの──現在当ブログで大プッシュ中の──本を執筆された方の一人ですね。さりげなく大宣伝!

photo

実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
市瀬 裕哉 福島 英児 望月 真琴
九天社 2007-02
bk1 で探す
ビーケーワン: 実践 Web Standards Design

by G-Tools , 2007/03/06

続きを読む


『実践 Web Standards Design』に超期待!

『実践 Web Standards Design』

Pub Standards Badges "Pub Standards Badges" by thevoicewithin

「この三人が集まったら、CSS 3.0 と XHTML 3.0、ついでに Web 3.0 くらい作れるんじゃね?(謎)」

と人々が言ったとか言わないとか(たぶん言わない)──でお馴染みの(?)お三方が、本を書かれたそうです!

詳細は以下から。(GIGAZINEメソッド)

続きを読む


MAQUE(Movable Type テンプレート)の次期バージョン!

MAQUE 製作中

MAQUE 60%!!(2007-02-10T09:53:20+09:00 現在)

ということで、みんな大好き MAQUE の次期バージョンを製作中とのこと。

また、次期Ver.は構造も手入れ方法もMAQUEと完全に別物になり、名前も変更します。

次期Ver.は構造も手入れ方法もMAQUEと完全に別物になり、名前も変更します。 まるで次元が違います。ピッコロとサザエさんぐらい違う。

Movable Type テンプレート: MAQUE

なんと!ヤムチャとクリリンくらい違う、と!(書いてない書いてない)ジェバンニと松田くらい違う、と!(書いて無ェー)『ときメモ』のオリジナル版と海外版──

──それは比べること自体が間違ってるだろ……常識的に考えて。

ref.: 痛いニュース(ノ∀`):アメリカ版ときめきメモリアル発売

──うん、まぁ、このネタが言いたかっただけだし(ぶっちゃけた!)、このへんで……。


可愛くて黒い絵のサイト「Happy Death Day」

Happy Death Day

Happy Death Day は、とってもクロくて(グロくて)可愛らしいイラストを描く、(ハンドルネーム)マイナスさんのサイトです。about ページを見ると、ちょうど今日がユーザー登録から本日までに日記をつけた日数:100日で、こいつァ新春(はる)から縁起がいいので紹介します(?)。

Happy Death Day

黒背景の素敵デザイン

現在のサイトデザイン、特に上部の「黒くてモワモワしたところ」は、どことなく某公共広告機構の CM を思わせる──と思ったら、しっかり Happy Death Day – くろい絵 に書いてありました(だからといってこのデザインと関連があるかは不明)。

http://www.youtube.com/watch?v=SNv4hBbu8K4

絵日記が楽しい

昨年末から始まった絵日記が楽しいです。他のイラスト、たとえばゆうれい君シリーズとはテイストが違い、芸風の広さが感じられます。

また、これは以前から思っていたのですが、絵を描ける人は視点が変わっていて、しかも鋭いですね。Happy Death Day – 気になる画像。とか。

それにしても、ほぼ毎日更新でこのクオリティ。要注目サイトが、また一つ増えました──って、coco さんのとこからいくらでもたどり着けたはずなのに見落としていたのが驚愕!


画像拡大スクリプト「Highslide JS」「Thickbox Gallery」

Highslide JS

Highslide JS – JavaScript thumbnail viewer が格好いいです。なんとなく「Web2.0」という言葉と同じくらいにアリガチな「サムネイルをクリックすると画像拡大する」という JavaScript ですが、拡大の方法が面白い。百聞は一見にしかず、ということで“Examples with settings”からどのような動作か確認してみてください(初めて見たら結構驚く)。

今日、 写真拡大に便利なJavaScriptライブラリ (Highslide.js) – youmos で知ったのですが、画像の拡大プレビューを超クールに行える「Highslide JS」:phpspot開発日誌でも取り上げられていましたね(ということは一度見たことがあるはずだが、覚えがない)。

Movable Typeで画像をページ内でPopUp – Highslide JS/楽で、MTで実装する方法が紹介されています。MT から画像をアップロードすると、自動的にHighslide JS に適した HTML が生成されるようです。

Thickbox Gallery

さらに、Thickbox Gallery が凄い。PHPとThickbox JSを使用した簡易ギャラリースクリプトという、これまたアリガチな物かと思いきや、Thickboxだけではなく、Lightbox JS v2.0, Highslide JS, Liteboxを利用することもできます。

Highslide JS を使ったサンプル もあります。表示に使う JavaScript ファイルは、設定ファイルを一部書き換えるだけで変更可能です。──たぶん、ちょっと PHP をかじったことがある人なら、動的に切り替えることもできそう(クッキー使ったり URL で切り替えたり?)。夢がひろがりんぐ。

続きを読む


WordPress の wp-tegaki プラグインに激しく嫉妬

wp-tegaki という WordPress プラグイン

ネットの海を漂っていると、シンプルデザインの素敵サイトを見つけました。


insomniaqueinsomniaque

注目なのが、記事のタイトル部分。手書き文字風のフォントを使った画像になっています。「──ほうほう、毎回毎回、画像を作っているのかー。大変だなぁ」と呑気に思っていたのですが──シンクロニシティというか、いくつか別のサイトでも似たような手書き文字画像が。「ふむふむ、みんな、毎回毎回画像をつくっていr」──んなわけないよな。

ということで、ちょっと調べると wp-tegaki という WordPress のプラグインを使っているようです。

また、insomniaque ≫ タイトルをイメージ化するプラグインというタイトルだけを画像化するプラグインもあります。

それを見て思ったこと

MT-tegaki マダァ-? (・ ∀ ・ )っ / 凵⌒☆ チンチン

面白プラグインは…… - 悔しい人 - はてなセリフ

BJKit もあるけど……

BJKit(BeautifulJapaneseKit)(ツール) – アイデアマンズ株式会社という、JavaScript と Flash で美しい日本語フォントを出力するツールがあります。こちらは、通常の文字同様に選択やコピーができるのが凄い! ──凄いのですが、よーく説明を見るとフォントデータは配布ファイルに同梱されておりませんのでご了承くださいとのこと。ということで、Flash ファイルを編集して日本語フォントを自分で埋め込む必要があります……。

photo

Flash 8 Basic 日本語版
アドビシステムズ 2005-12-18

by G-Tools , 2006/12/10



「スタイルシートチェンジャー」で はてなスタイルを切り替え可能に

はてなスタイルを切り替え

まだまだ続くよはてなネタ! ──ええ、意外としつこい性格です。

亜細亜ノ蛾 のトップページから、デザインを切り替えることができるようにしました(2006-11-27T23:46:59+09:00 現在)。ガチャガチャ遊んでみてり、ソースコードをのぞいたり、どうぞ。

ちなみに、変わるのはトップページだけです……。

スタイルシートチェンジャー

今回はスタイルシートチェンジャーでMovableTypeのスキンを変更を参考にして、スタイルシートチェンジャーを導入しました。

ちょっとハマったのが、PHP スクリプトの設置位置。MT とは別のディレクトリにアップロードしたのですが、正常に動作しない。さんざん悩んで、やっと解決しました。

クッキーの有効範囲

「スタイルシートチェンジャー」はクッキーを利用して切り替えたスタイルを記憶します。その、クッキーの特性をよく判っていないのが原因でした。

クッキーの有効範囲について

クッキーは、CSS選択に指定した setstyle.php のあるディレクトリをルートとして、下位ディレクトリすべてが有効範囲になります。

スタイルシートチェンジャー

これ、知らない人は延々とハマるなぁ……。

たとえば、このブログのトップページは http://asiamoth.com/mt/ なので、この場所(かルートディレクトリ)に置かないと、正常に動作しません。

「あなた」のブログのトップページが http://example.com/ だった場合、この場所以外にスクリプトを置いても動作しない(クッキーが有効ではない)わけです。

もの凄く初歩的な知識ですが、いまのうちに知ることができてラッキィ!


はてなダイアリーのデザインを MT で!

やっちまった!

ref: はてなダイアリーの公開デザインを MT で使いたい! : 亜細亜ノ蛾

──ほとばしる熱いパトスでやってしまいました……。

Snow-Girl

亜細亜ノ蛾 のトップページだけ公開デザイン「Snow-Girl」 – はてなダイアリーにしました。(2006-11-26T16:17:28+09:00 現在)。id:tikeda さんに激しく感謝!

公開ってレベルじゃねーぞ!

Another HTML-lint のご機嫌取りな HTML コードで、まだまだ未完成です。ヘッダが無いと、どうも はてなっぽくないので、そのあたりも作り込みたいところ。

完成した暁には──こ、こう k

はてなの中の人 : 「公開したい? だめー フツーにだめー」