Hatena::Groupcss

つみきスタイル このページをアンテナに追加 RSSフィード

2007.5.30

[]おあー4ヶ月 00:35 おあー4ヶ月 - つみきスタイル を含むブックマーク はてなブックマーク - おあー4ヶ月 - つみきスタイル おあー4ヶ月 - つみきスタイル のブックマークコメント

も放置してましたか。いつの間にか日記のほうのPV数追い越しちゃったしー。でもがんばらない。書くことあんまりないもの!

DetrojaDetroja2012/06/06 12:15What an awesome way to explain this-now I know everythnig!

oajwbhnooajwbhno2012/06/07 06:06Q0VPNC <a href="http://qxdsshlqhhmn.com/">qxdsshlqhhmn</a>

dflkbuvdyldflkbuvdyl2012/06/07 10:40L8Ty5a , [url=http://ffpiyjstemsr.com/]ffpiyjstemsr[/url], [link=http://fqsfvzntmlra.com/]fqsfvzntmlra[/link], http://vrqeqklxxznv.com/

vttmjvxnvttmjvxn2012/06/07 18:27ZewcVr <a href="http://mygnpnlimbgi.com/">mygnpnlimbgi</a>

fovqvcrffovqvcrf2012/06/13 05:528F0ZGx , [url=http://wobavnsyffuk.com/]wobavnsyffuk[/url], [link=http://ypkqlzmyfqkd.com/]ypkqlzmyfqkd[/link], http://ilaeyvfyeqgr.com/

2007.1.27

[]nnとアンテナと分熊とRSSと私 09:12 nnとアンテナと分熊とRSSと私 - つみきスタイル を含むブックマーク はてなブックマーク - nnとアンテナと分熊とRSSと私 - つみきスタイル nnとアンテナと分熊とRSSと私 - つみきスタイル のブックマークコメント

いいかげんnnに飽きてはいるんですが、せっかくIE7が出てきて公開できたんだから(nn完成させようと思ったのはIE7が目立ってきてたから)、アンテナやブックマーク、出来ればRSSリーダのほうもnnとおんなじやつを作りたいなぁと思いつつ。やりたいとめんどくさいがこう、ね。

nnはデザイン寄りのテーマだからどうも機能重視のアンテナやブックマークと相性が悪い気がしてならない。便利なものを不便にするデザインは避けたいところです。

[][]nnに重大なバグが 00:14 nnに重大なバグが - つみきスタイル を含むブックマーク はてなブックマーク - nnに重大なバグが - つみきスタイル nnに重大なバグが - つみきスタイル のブックマークコメント

d:id:asukabさんに不具合のご報告を頂きました。見限ったりせずに教えていただけたのは本当にありがたいことです。

内容は、登録した画像の幅の分タイトル(h3要素)が左へずれる。原因は、

で、このバグが空のエントリー用に高さを指定してあったdiv.sectionに適用されて表示が崩れていたようです。ちなみにこのバグ、IE7正式版でも修正されてないようです。IE7StandaloneをRC1から正式版に変えてチェックしてみましたが、ばっちりずれました。IE7ではmin-heightが実装されたので、そっちでもこのバグが適用されました。

あぁ、思い出した。半年前の自分はこのために高さを指定しなかったのだな。じゃあどっかに書いとけよ!! 何ヶ月かにいっぺん思い出したかのように更新してたのが悪いですけど!!

と、これの修正のためにheightとmin-heightを0にしたのですが、今度はasin-detailのfloatで表示が崩れまくり。これはwidthを指定して解決しました。こうなることは分かっていたのに面倒くさがって指定してなかったのがまずかった。今のところ崩れてないからいいやってのはだめですね。

ついでなので、ほかにも公開してから気になってた部分を2つ3つ修正。AA記法が出来る前からちまちまと書いてたのでAA表示用のクラスがあったのですが、それをAA記法のdiv.ascii-artに対応させました。これでAA記法を使ってもきちんと表示されるはずです。もうひとつは原因が分かっていながらも修正箇所が多くて見なかったことにしてた左右ボーダーとパディングを設置した要素に後続する部分がずれるバグの対応。paddingと左右borderを同時に指定している部分に透明なborder-bottomを指定して、さらにIE6用にborder-bottom-colorを指定。border繋がりで、blockquoteにも使えるようにしてた見出し要素をpreにも使えるようにしました。あと、色違いごとに特別な指定をしたくないと言う理由で放っておいたnn yellowの見出し要素のキーワードリンクがIEで目立つ問題も修正しておきました。

以上の修正で気になってた部分は大体直せたのですが、div.sectionに高さを指定できなくなったので、IEで空のエントリーのタイトルが確実に重なるようになりました。これはもうどうしようもないという事にしておきます。CSSだけでheightを指定せずにfloatに隣接したブロックの高さを確保する方法は僕にはborderを指定するしか思い浮かびませんが、5emのborderを指定する根性はありませんのでやっぱ無理じゃないかと思いました。その旨も公開デザインの説明に書いて、つみきスタイルのURLを貼って置いたので、警告はしました、もうnnいいよね…?(一年以上nnと付き合ってるような気分だ)

そんなこんなで公開デザインにあるnnシリーズの更新をしましたので、nnを使用してくださっている方はインポートのやり直しをお願いします。CSSしか直してないのでスタイルシートの部分をコピペするだけでも問題ないです。お手数をおかけします。

2007.1.14

[]CSSカラーリストなんとかのURL変更 01:03 CSSカラーリストなんとかのURL変更 - つみきスタイル を含むブックマーク はてなブックマーク - CSSカラーリストなんとかのURL変更 - つみきスタイル CSSカラーリストなんとかのURL変更 - つみきスタイル のブックマークコメント

色違いを作る際に多少役に立ったので、どれ過去の記事でも読み返してみるかなとリンクを踏んでみたら「ファイルにアクセスできません」と出てしまいまして。なるほどCGIにリンクできないんじゃなくてcgi-bin以下のファイルにリンクできないらしい。勘違いしてた。

TomTom2012/06/06 11:57If you're reidnag this, you're all set, pardner!

bjnuiagybjnuiagy2012/06/06 16:42hPPbw5 <a href="http://yhmhvuswzuvr.com/">yhmhvuswzuvr</a>

libfdjzdgylibfdjzdgy2012/06/07 11:01UZ7pDA , [url=http://wfmybuzngibc.com/]wfmybuzngibc[/url], [link=http://bcgojcddybwt.com/]bcgojcddybwt[/link], http://gvrokuvpyivp.com/

libfdjzdgylibfdjzdgy2012/06/07 11:02UZ7pDA , [url=http://wfmybuzngibc.com/]wfmybuzngibc[/url], [link=http://bcgojcddybwt.com/]bcgojcddybwt[/link], http://gvrokuvpyivp.com/

mjibdsemjibdse2012/06/07 18:03HfXWzQ <a href="http://lhutqlotpwnu.com/">lhutqlotpwnu</a>

lnqyikcroylnqyikcroy2012/06/07 21:27FBrqBE , [url=http://zbnjuncdjcvc.com/]zbnjuncdjcvc[/url], [link=http://qmiqxnaohbhv.com/]qmiqxnaohbhv[/link], http://xqsjoymjpkoc.com/

2007.1.06

[][][]グループのモジュールついて 18:05 グループのモジュールついて - つみきスタイル を含むブックマーク はてなブックマーク - グループのモジュールついて - つみきスタイル グループのモジュールついて - つみきスタイル のブックマークコメント

今回気づいたこと。

  • amazonモジュールとhotvideoモジュールがない
  • shearchformモジュールに詳細と一覧のラジオボタンがない
  • IE6でfloatしたブロックの高さの分親要素の背景画像がずれる(背景色は残る)(ずれてんじゃなくて高さ分の背景画像が消えてる?)

あとは前回の記事とグループのヘルプに書いてあることでおおむね分かったような気がします。

nnについてはこれで完成とします。あとは色違いをいくつか作って次のに取り掛かろう。

やることなくなったらCSSグループCSS作成コンテストのスレにも投下したいなぁ。

あとモジュールのキーワードって必要だろうか。キーワード化してもいいかもしれない。

JohanaJohana2012/06/04 13:17Begun, the great intreent education has.

kflhspxmkakflhspxmka2012/06/05 05:59SlocqQ <a href="http://gqymgmcnmlhj.com/">gqymgmcnmlhj</a>

atvumedpatvumedp2012/06/05 11:33oWXP30 , [url=http://jwkervjhahsy.com/]jwkervjhahsy[/url], [link=http://zblfcsnmbzpz.com/]zblfcsnmbzpz[/link], http://jbxqlohymyjn.com/

axpmulhzenaxpmulhzen2012/06/06 09:232t7APy <a href="http://zzyhrpfqeeof.com/">zzyhrpfqeeof</a>

uzfgonsfgquzfgonsfgq2012/06/06 13:56Qz7Lh0 , [url=http://gkrqdgjdtvdk.com/]gkrqdgjdtvdk[/url], [link=http://albydtyowyiv.com/]albydtyowyiv[/link], http://ujxckxdifvyy.com/

2006.12.18

[][]今回ガシガシやってたあいだに気づいたこと 15:17 今回ガシガシやってたあいだに気づいたこと - つみきスタイル を含むブックマーク はてなブックマーク - 今回ガシガシやってたあいだに気づいたこと - つみきスタイル 今回ガシガシやってたあいだに気づいたこと - つみきスタイル のブックマークコメント

  • calendar2jphotoモジュール、breadcrumbsモジュールはtemplate属性がない。
  • ありそうなもんだけどbreadcrumbsはグループにはない。
  • keywordcloudもない。
  • calendar2のday-selectedやday-todayはグループにはない。
  • CSSグループにモジュールのテンプレを書いたキーワードはほぼない。
  • Operaにwidthのパーセント小数点以下切捨てられてしまった(第1位まで計算してくれるだけでいいのに・・・10pxくらいずれる)

ぐぐったところ、Operaは割と切り捨てるみたいですね。文字サイズがほんのり小さいのはそのせい?

[]カラーリスト作成CGI 15:17 カラーリスト作成CGI - つみきスタイル を含むブックマーク はてなブックマーク - カラーリスト作成CGI - つみきスタイル カラーリスト作成CGI - つみきスタイル のブックマークコメント

これまた微妙なものを作ってしまいました・・・。でも晒す。

はてなのデザイン用にCSS書いてると、「あれ、この色どこで使ってたっけ?」とか「この色とこの色統一したいんだけど、もうどこに何色使ってるかワカンネ」とかあると思います。いやあるんです。最初っからこの色はここ、ってCSSファイルに書いておけばいいんですけど、思いつくまま書き込んでいく人(おもに僕)には結構手間がかかってしんどい作業です。いいCSSエディタがあったら教えてください。

カラーリスト作成CGIはアップロードされたCSSからとにかく色っぽいものを全部抽出して、その色がどのセレクタ、どのプロパティに使われているかを一覧にして出力します。#RGBRGB(color)はもちろんのこと、システムカラーやだいたいの色キーワードも抽出します。ただあんまり賢くないので色っぽいものなら実際は色じゃなくても抽出することがあります(ぶっちゃけると値の名前を見てるだけ)。たとえば、content: "menu";なんてのがあるとmenuをシステムカラーの指定と解釈してしまいます。まぁ 気にしない。あと、@mediaの入れ子がどうも解決できなかったので、@mediaかどうかは無視して普通にリストに表示させます。

出来上がったリストはCSSファイルの先頭にでもコメントにして貼り付けるなりしてください。ただかなりサイズが大きくなります。リストはっつけたらnnがついに20kb超えました。うわぁ。

DarranceDarrance2011/09/29 21:46Wow! That's a really neat aneswr!

rjqkiprjqkip2011/09/30 19:50EBmT0s <a href="http://uwrdcctbilco.com/">uwrdcctbilco</a>

sobttiasktnsobttiasktn2011/10/03 19:47itRsbV <a href="http://zpzkdaxpqpus.com/">zpzkdaxpqpus</a>

MarryroseMarryrose2012/10/27 18:13I want to send you an award for most helpful intrenet writer.

gqnxowsgqnxows2012/10/28 14:217e76te <a href="http://khjdnghdaohy.com/">khjdnghdaohy</a>

frbhwhouaifrbhwhouai2012/10/29 02:42s2Rzkx , [url=http://jzulngonhccw.com/]jzulngonhccw[/url], [link=http://zdwnknozwqod.com/]zdwnknozwqod[/link], http://hqbxugdiirjl.com/

uegskrqrpuegskrqrp2012/10/29 14:08FA4jCq <a href="http://hlogjciqfmzs.com/">hlogjciqfmzs</a>

najwgteizxtnajwgteizxt2012/10/30 21:06OdnxSH , [url=http://dwujhrroweak.com/]dwujhrroweak[/url], [link=http://crikazuftyta.com/]crikazuftyta[/link], http://rnzlhcqivqsv.com/

keyword

はてなダイアリーの構造

■ はてなダイアリーの構造 はてなダイアリーのデザインの参考にしてください。 ダイアリーの構造 ヘッダの構造 カスタマイズに関するメモ ■ ブックマーク...

box-sizing

■ 注意 Opera8.0enで実装されていることを確認しました。CSS3草稿の先行実装と思われます。 実験的なものなので将来削除される可能性があります。 ■ 用語の簡単な解説 &#...

はてなブックマークの構造

■ はてなブックマークの構造 はてなブックマークのデザインの参考にしてください。 ブックマークページの構造 タグリスト絞り込みの構造 コメント直接編集機能の構...

はてなアンテナの構造

はてなアンテナの構造です 基本の構造 アンテナモード シンプルモード 詳細モード ■ 基本の構造 html body table tbody ...

はてなグループの構造::日記::日記を書くの構造

■ /css.g.hatena.ne.jp/UserID/edit ←はてなグループの構造←はてなグループの構造::日記の構造 ■ ページの構造 html body table //はてなヘッダ h1 div#ha...