web_design アーカイブ

 1  |  2  |  3  | All pages>

2008年3月 7日

記事の移動とカテゴリの再構成中

カテゴリの再構成中今までHTMLで書いていた前の記事をブログに移動中,プラスカテゴリを再構成中です.上位カテゴリの名前は変わっていませんが,細分化しています.タグもだいぶ変わるかもしれませんが,こちらはまだどうなるかわかりません.

個々のエントリ自体のパーマリンクには変更がないのでリンク切れになることは無いと思います.もし切れている箇所がありましたらば,教えていただけると助かります.

jump to pagetop

2008年2月25日

またしても模様替え

以前のデザインはこんな感じでした前に模様替えをしたのが2006年の年末らしいので,1年ちょっと前.まぁ,飽きっぽいんでしょうね,ということでサイトの模様替えをしました.絵を描いたりアイコンを探したりコードを書き直したり,準備に2週間くらいかかったかなぁ.HTMLは99%そのままです(1%ほど名前のつけ直しなどをしました)が,CSSは一から書き直したので思ったよりも疲れました.

大まかなところで言うと,以前はリキッドレイアウトだったのをソリッドレイアウトに変更しました.1024pxでギリギリ収まるくらいにつくったので,環境によっては横スクロールがでるかもしれません.ただ,メインコンテンツの部分が隠れないように,左側に配置を変更しました.あとは背景画像を思い切って変えたくらい.サイト名の部分が汚い気がするのと,使っている画像のサイズが大きすぎるので(上下の2つを合わせて1Mを超えているので重すぎますね)そのうち差し替えます.

細かいところではアイキャッチを変えてみたり,スクリプトを少し書き直したりしたくらいでしょうか.スクリプトは書き直している最中にtypoミスに気付かず,「なぜ動かないんだ!」と悶えたり叫んだりしていました.今となってはあほらしいミスなんですが,なかなか気付かないものです.

自分の行動を振り返ってみると,何かこう忙しい時期になると模様替えをしたくなるようです.今の時期だといろいろとやることがたくさんあるわけですが,合間を縫ってこういうことをするのはテスト前に部屋の掃除をしたくなるあれと同じことなのかもしれませんね.なかなか楽しい作業ではあります.

ま,お手軽な逃避手段が身近にあるというのが,いいことなのかどうかわかりませんけれども:-p

続きを読む "またしても模様替え" »

jump to pagetop

2007年10月18日

タグ情報が吹っ飛びました

最近色気をだしてちょこちょこ細かい変更を加えている(アイコン付けたり,javascript書き直したり,エフェクト変えてみたり,ブログのテンプレートを見直したり)のですが,色気をだした罰なのでしょうか,エントリに付け(たり付けなかったりし)ていたタグ情報がへんてこなことになりまして,ついさっきまであーでもないこーでもないと作業していたわけですが,結局私がタグの書き方を間違っていたのが原因であると判明いたしました.間違っていたというか閉じ忘れ.

気がついてみればなんということもない間違いなんですが,なかなか気がつかないものですね.コーディングしている最中はきっと変なテンションだったんだと思います(あきらめて寝ればよかったのかもしれません).論文を書いたり,発表の準備をしたりしているときのテンションと似ているような気がします.頭が興奮して変なことを書いてしまうあたりが.皆様もお気を付けください(何をだ).

で,ですね,試行錯誤を繰り返す内にタグが飛んでしまったので今現在付け直している最中です.数が増えていたり減っていたり,名前が変わっていたりするものもあります.タグ情報から目的のエントリが見つからない場合は,お手数ですが「サイト内検索」をご利用ください.

7:30まで寝ます.つ,つかれた…

jump to pagetop

2007年10月12日

jQueryでMTにエフェクトを追加する

jQueryこのサイトではjQueryをあっちこっちで使っています.jQueryはjavascriptのことをあまりよくわかっていなくても,いっちょまえにエフェクトをつけることができたり,アイディアをひねっておもしろいことができたりするのでとても使いやすいライブラリだと思います.まだまだ充分には活用できていないのですが,とりあえず今のところ,ちょこっと動きをつけてみようというのを考えていろいろと.

せっかくMTを使っていて自由にテンプレートを変更できるので,豊富にあるMT用のプラグインやテンプレートと組み合わせて何かできると面白いんじゃないかなということで,いくつか考えてみました.環境は以下の通りです.

  • Movable Type 4.01
  • jQuery 1.2.1 (1.1系でも動作すると思われます)

ご覧になっている皆様の方でもおもしろい使い方があったら教えていただけると嬉しいです.

  • 2007/10/15 : 「サイドバーの折りたたみ」でdiv#list_moreは必要ないので削除.代わりにul#list_moreとしました
  • 2007/10/14 : 「サイドバーの折りたたみ」で"次の表示"と"隠す"がトグルになるように修正

続きを読む "jQueryでMTにエフェクトを追加する" »

jump to pagetop

2007年9月16日

pure CSSのドロップダウンメニュー

私のところでは条件付きコメントを使った作り方を紹介していますが,こちらはbehaviorプロパティを利用した方法です(どちらもMSの独自拡張で一癖あるニクイやつ).Opera7.2,Opera8.5,IE6(with javascript),Firefox1.5,Konqueror3.4.3をサポートしていると書いてあったので,それ以外のSafari3 pb3,Firefox2,IE7で確認してみたところレイアウトが若干異なってしまう(メニューの幅が文字分しか確保されてない)くらいで問題なく表示されました.たぶんCSSを少しいじればこれは解決できるんじゃないかな.

さて,中身に少しだけ触れておくと私がポイントだと思ったのはマウスホバー時の挙動とマウスアウト時の挙動の2つだけをbehaviorで扱っていること.条件付きコメントを使って作る場合,まずフォーカスになっているのがIE6のばかちんに対応することただ1点のみであるにも関わらず,HTML側では"<!--[if lte IE 6]><table><tr><td><![endif]-->"とか,CSS側では"ul li:hover ul, ul a:hover ul"とか"ul :hover ul :hover ul"とか,非常に悩ましいコードを書かなくてはならないわけですが,前述のポイントのおかげでそこらへんのことを考えなくて済むわけです.

全部を全部XHTML+CSSでやる必要はもちろんなくて,他の要素としっかり役割分担ができればこんなにすっきりしたコードで書ける+おもしろいことができるという一例だと思いました.

続きを読む "pure CSSのドロップダウンメニュー" »

jump to pagetop

2007年8月 7日

「XHTML+CSSだけ」の意味と限界

更新情報:1件
「Hobby > デザイン実験室 > List」にポートフォリオ風のリストを追加しました.

趣味の時間も欲しいなぁと思って1日に1時間くらいは趣味の部屋をいろいろいじっていて,最近だとCDのレビューとデザイン実験室をいじっていることが多いのは更新履歴からもわかるかと思います(けして勉強をさぼっているわけではない).デザイン実験室ではXHTML+CSSだけでどんなことができるかなという実験をしている訳ですが,まだまだ可能性がありそうだというやることの意義を感じる一方,表現上の限界があることも感じています.

意義ということで考えれば,「構造とデザインの分離」が一番でしょう.つまり,論理性を確保しつつ,より自由なレイアウトやデザインが可能になるということですが,このことに加えて,ウェブサイトにインタラクティヴな性格を与えられるのがメリットであり意義でもあるのだろうと思います.実験室ではそのうちのインタラクティヴという面をどこまで追求できるかが主眼だったりもします.ただし,「構造とデザインとの分離」は標準化しつつある,少なくとも今後逆行していくことはまずあり得ないので,これ以上の積極的な意味を見いだすのは難しいような気がします.

一方で表現上の限界というところで一番大きいのは経時的な変化が表現できるかどうかというところ.XHTML+CSSだけで作ろうとした場合,例えば今回作ったポートフォリオ風のリストにしても,マウスをメニューに載せた時に「上から下に1秒かけてスライドする」とか「メニュー部分を始点に徐々に拡大していく」とかはまったくできず,表示か非表示かという表現しかできないので変化がものすごく唐突な感じ,言い方を変えれば機械的で不自然な動きになってしまいます.そこらへんの問題にどう取り組むのか,あるいは無視するのか.効率的なのはどちらなのか.見た目のおもしろさはどちらに歩があるのか.全体の中に配置したときにどう見えるのか.考えるための視点はいろいろあるはずだし,どっちがいいということではないと思います.0か100かの表現にも可能性があるはずだし,0から100までの表現を取り入れる(例えばjavascriptを使うとか)ことにも充分なメリットがあります.

あんまり小難しいことは考えないでガシガシ作ってるのはとても楽しいんですけど,たまにはこういうことを考えてみてもいいかなと思いました.

jump to pagetop

2007年8月 6日

アーカイブを分割してみました

カテゴリーと月別のアーカイブがだいぶ長くなってきたので,MTPagenateで分割してみました.それに伴ってアーカイブの保存ディレクトリやカテゴリーのタイトルを変更しています.

具体的には以下の用にURIが変更されています.

エントリ・アーカイブ
変更前 : http://dormouse.oops.jp/logs/年/月/xxxx.html
変更後 : http://dormouse.oops.jp/logs/archives/年/月/xxxx.html
カテゴリー・アーカイブ
変更前 : http://dormouse.oops.jp/logs/カテゴリー名/index.html
変更後 : http://dormouse.oops.jp/logs/archives/カテゴリー名.php
月別アーカイブ
変更前 : http://dormouse.oops.jp/logs/年/月/index.html
変更後 : http://dormouse.oops.jp/logs/archives/年/月/index.php

変更前のURIにアクセスした場合,変更後のURIにリダイレクトするようにしていますが,必要に応じてブックマーク等の変更をお願いいたします.他の点で不具合がありましたらコメントなどでご連絡いただけるとたすかります.

jump to pagetop

 1  |  2  |  3  | All pages>