一面に形を以って繋げる RSSフィード

03.08(Tue).2005段と升 このエントリーを含むブックマーク

データの形式が XML 化していくなかで、リスト化した方が扱いやすく感じる。あとは、繋げるデータのリンクの関わりをどのように繋げるか? 工夫が必要になってくる。

自分のはてなダイアリーのトップページ(未来の日付)を9マスの段組みで表現。以前の内容とCSSを維持しようと考えてみたけどやはり、リンクで外部ファイルとしてスタイルをロードしないとスマートにならない。
マス目は前から考えていたが、g:css:id:DocSeri さんが先に取り入れられたので、そちらも参考にされるといい。DocSeri さんの表現は各内容に対するマス目に対して、私のはリスト化したものに対してなので違いをみると勉強になると思う。
内容の構成は各リンクの振り分けと記述を再構築し、あなたの夢をかなえる『アソシエ特製手帳リフィル』のファイルを参考にリンクの順番を変えてみた。プログのデータをリストと絡めた表現を試してみると発想が広がるかもしれない。最近、はてなが追加したカレンダー機能は、キーワードのリストの30マスという捉え方ができる。
他に気付いた部分は、はてなのタグの命名に柔軟性があるので、日付、見出しごとにマス目のスタイルを付けることが可能で、色々なパターンができる。


段組みの参考ページ
スタイルシートだけで段組を作る - [ホームページ作成]All About

スタイルシートでマルチカラム・デザインを実現する方法
CSS Stuff - XHTML/CSS - 3 column layouts - Netscape 4 compatible
WikiFan - スタイルシート/CSSによる段組(マルチカラム)の表示不具合について-Part1
tableを使用しない段組:CSSによるマルチカラムデザインについての考察
Bulleted Lists: Multi-Layered Fudgeg:css:id:tredue:20050120 テーブル代替

03.04(Fri).2005ツールの使い方 このエントリーを含むブックマーク

カレンダーのキーワードは、新しいツールの試しを兼ねて、関心を惹こうとしました。
管理人さんのモチベーションではなく、キーワードの使い方が判らないというのも起因してるかもしれない。

新規のツールを試してみて技術の幅を広げるのも一つの手段だと思う。
例えば、キーワードのツールを使って自分の技術が活かせないかと、教えてはてなのリンクを巡回するとか、習得した技術をキーワードに転嫁するとかも、一つの技術を高める手段だと思う。
折角、グループに帰属したのだからツールを使ってこんなこともできるみたいなのでもいいと思う。

キーワードに馴れるため上記のような使い方を試してみて、CSSに関しての疑問や問題を受けつけてみるのも、技術の向上とキーワードの使い方に馴れるのにいいかもしれない。

02.16(Wed).2005画像の置き換え このエントリーを含むブックマーク

表示サンプル

d:id:tredue

g:css:id:tredue:20050126 ちょっとした振り フォームに画像を組みこむ

で予告した作業を完了。画像を Gimp で作成、その折に Aqua なボタンのスクリプトを取得。2.0以上と書かれていたが、1.2でも使えました。

有料にしてタイトルを再読みこみし、日記とタイトルの画像を新規に作成。


LEFINNOIS---アクアボタン作成スクリプト
http://www.lefinnois.net/aquabouEN.php
Picment.com---フォーム画像置き換え解説
http://www.picment.com/articles/css/funwithforms/


Gimp に関する気になったところ
レイヤー結合 #bdbcb8 → #b9b8b4 1/4退色する
レイヤーの透明度 29.4