Hatena::Groupcss

#DocSeri { style: boxtile; } このページをアンテナに追加 RSSフィード

2005-11-21

グループトップの設定変更 19:05 グループトップの設定変更 - #DocSeri { style: boxtile; } を含むブックマーク はてなブックマーク - グループトップの設定変更 - #DocSeri { style: boxtile; } グループトップの設定変更 - #DocSeri { style: boxtile; } のブックマークコメント

トップの設定をちょっと弄って左右サイドバーとし、左にグループアンテナ、右に特定キーワードを含むブックマークリストを置いてみた。

ブックマークの吐き出すRSSグループRSSモジュールの整合性の問題で、検索語がstrongタグとともに見えてしまっているのはどうにかしたい。

treduetredue2005/11/25 11:50strong タグは随分前にアイディアの方に出しているけど、
ストロングに無視されている。
はてなの出力側の処置でしか、対応できないように思う。
検索語を使う方法は、あまり需要がないのだろうか?

DocSeriDocSeri2005/12/07 15:30結構困りますねこれ。

トラックバック - http://css.g.hatena.ne.jp/DocSeri/20051121

2005-08-02

迷彩スタイル 15:41 迷彩スタイル - #DocSeri { style: boxtile; } を含むブックマーク はてなブックマーク - 迷彩スタイル - #DocSeri { style: boxtile; } 迷彩スタイル - #DocSeri { style: boxtile; } のブックマークコメント

以前から考えていた迷彩スタイルを作り始める。ただ迷彩テクスチャを貼るのではなく、色毎に独立した透過GIFを用意、最大公倍数を大きく取るよう微妙にサイズをずらすことで繰り返しを認識し難くする仕様

問題は明らかに文字が読み難いことで、文字のかかる部分に半透過pngを敷くことで対応したいが、IEが未対応につき網掛けGIFで置き換えざるを得ず、テーマにするにはやや苦しい。

……いっそ半透過を使わなくても済むように、背景自体のコントラストを低くしてしまうのも手か。


これのためにPhotoshop迷彩作成アクションを作ってみた。

グレースケールのみなので、必要に応じてポスタリゼーション→色域選択→塗りつぶしなどで色をつける。

今のところ森林迷彩のみ。そのうち砂漠迷彩も作ってみよう。

テキスタイル 23:21 ステキスタイル - #DocSeri { style: boxtile; } を含むブックマーク はてなブックマーク - ステキスタイル - #DocSeri { style: boxtile; } ステキスタイル - #DocSeri { style: boxtile; } のブックマークコメント

どちらもオリーヴグリーン中心のモノトーンなデザインシンプルながら美しい。

ことにd:id:tanemori氏のデザインは、そのままはてなテーマに欲しいくらいの完成度。

tanemoritanemori2005/08/03 00:12お褒めの言葉ありがとうございます。
CSSのデザインは、最近勉強し始めたばかりで、まだまだ、よくわからないことが多く、ブラウザー環境では意図していない結果となってます。ぼちぼち、完成させたいと思っています。また、見てやって下さい。

kamiokakamioka2005/08/04 16:46はてなからの連絡がまだ来ていませんが一足先に退会致しました。おそらく近日中には管理者の変更処理が行われると思いますのでよろしくお願いします。それでは!

DocSeriDocSeri2005/08/05 09:25了解致しました。今まで有り難うございました。

kamiokakamioka2005/08/10 23:53まだはてなからのレスポンスがないので、退会者側からの申請には応じられないのかも知れません。お手数ですがDocSeriさんからもメールしてみていただけませんか?

DocSeriDocSeri2005/08/11 17:23わかりました。ちょっと訊いてみます。

トラックバック - http://css.g.hatena.ne.jp/DocSeri/20050802

2005-06-21CSS関係のアイデア

idea:3028スタイルシート関係の要望を出したがCSSという言葉を使わなかったのでグループに捕捉されなかった模様。これは失敗。

書式テスト用 書式テスト用 - #DocSeri { style: boxtile; } を含むブックマーク はてなブックマーク - 書式テスト用 - #DocSeri { style: boxtile; } 書式テスト用 - #DocSeri { style: boxtile; } のブックマークコメント

testtesttest
123
456
789
トラックバック - http://css.g.hatena.ne.jp/DocSeri/20050621

2005-03-22

テーマ新テーマ案 - #DocSeri { style: boxtile; } を含むブックマーク はてなブックマーク - 新テーマ案 - #DocSeri { style: boxtile; } 新テーマ案 - #DocSeri { style: boxtile; } のブックマークコメント

アイディア段階のテーマについて軽くメモ

クリスマスは既にあると思うので作らないかも。デザインとして思いつかなかったものは後回し。

トラックバック - http://css.g.hatena.ne.jp/DocSeri/20050322

2005-03-04

難読スタイル 18:36 難読スタイル - #DocSeri { style: boxtile; } を含むブックマーク はてなブックマーク - 難読スタイル - #DocSeri { style: boxtile; } 難読スタイル - #DocSeri { style: boxtile; } のブックマークコメント

ふと思いついて作ってみた正方形配置スタイル。大変読み難いが結構面白い。

背景画像の所為か、Safariではh1以降表示できないようだ。

IE用調整を施していないのでIEでは綺麗に並ばない。


流石に段落毎横並びは読む順序が不明確なので、背景に順路を示す矢印を付けてみた。

treduetredue2005/03/04 18:52
先を越されてしまった。
ひそかにダイアリーのトップでやろうとしてました。

aquatailaquatail2005/03/04 20:11おおっおもしろい!
こーゆーの好きです。
ちなみにソース見さしてもらったんですけど、float: left; で積み木構造にしておられるんですよね?
私はこの前、div.class=day(日記一日分)に display: inline; を設定して、日記を横一列に十個ぐらい並べようとして失敗しました。( p 要素の折り返しが効かなくなりました。)
このテーマすごく参考になります。

トラックバック - http://css.g.hatena.ne.jp/DocSeri/20050304