はてなキーワード: Sidebarとは
・コメントが3行なのを一行に戻す。
・コメントがない行を消す
.nocomment{display:none;}
.bookmark-list span.comment { display: inline; }
.bookmark-list img.profile-image { width:18px; height:18px; }
■参考
http://hatena.g.hatena.ne.jp/hatenabookmark/20110405/1301981564
http://hibari.2ch.net/test/read.cgi/esite/1300432939/23-26
23 :名無しさん@お腹いっぱい。:2011/04/06(水) 11:48:38.71
/*サイドバー非表示*/
#container .curvebox-body { padding:20px; }
#sidebar { display:none; }
.bookmark-list li { padding-left: 20px; }
.bookmark-list img.profile-image { width:18px; height:18px; }
.bookmark-list span.comment { display: inline; }
/*ブクマ用フォーム非表示*/
#add-bookmark-container { display:none; }
/*人気コメント非表示*/
#scored-bokkmarks { display:none; }
https://gist.github.com/903132 を組み合わせて
ブクマ追加は[B!]アイコンからにするとこれまでに近い表示に。
26 :名無しさん@お腹いっぱい。:2011/04/06(水) 11:59:27.60
#scored-bookmarks { display:none; }
http://b.hatena.ne.jp/entry/hatena.g.hatena.ne.jp/hatenabookmark/20110405/1301981564
https://addons.mozilla.org/ja/firefox/addon/stylish/
見た目だけ変えてみたぞ。
あんまりいいもんじゃないと思うけど、サイドバーがなくなったらどんな感じになるか体験してみるといいんじゃないかな。
まあどんなもんかやってみて。叩き台、印象の変化の確認。
あとおまけでスター順の部分は消しておいた。#scored-bookmarksってあるだろ、そこじゃ。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://b.hatena.ne.jp/entry/") { #container .curvebox-body { padding-right:20px !important; } #main, #sidebar { width:100% !important; float:none !important; } #sidebar { margin-left:0 !important; } #scored-bookmarks{ display:none !important; } }
http://b.hatena.ne.jp/entry/lifehack2ch.livedoor.biz/archives/51229298.html
うりゃ!
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://b.hatena.ne.jp/entry/") { #container .curvebox-body { padding-right:20px !important; } #main, #sidebar { width:100% !important; float:none !important; } #sidebar { margin-left:0 !important; } #scored-bookmarks{ display:none !important; } .comment { display:inline !important; } .bookmark-list .profile-image { width:16px!important; height:16px!important; margin-left:-24px!important; } .user-navigator.user-navigator-large { width:34px!important; height:20px!important; } .bookmark-list li {padding-left:32px!important;} }
さてどこから消すか
・2chブラウザで開く https://addons.mozilla.org/ja/firefox/addon/11022
・Adblock Plus https://addons.mozilla.org/ja/firefox/addon/1865
・All-in-One Sidebar https://addons.mozilla.org/ja/firefox/addon/1027
・Better YouTube https://addons.mozilla.org/ja/firefox/addon/6460
・Check4Change https://addons.mozilla.org/ja/firefox/addon/3028
・Context Search https://addons.mozilla.org/ja/firefox/addon/240
・Video DownloadHelper https://addons.mozilla.org/ja/firefox/addon/3006
・dragdropupload https://addons.mozilla.org/ja/firefox/addon/2190
・FireGestures https://addons.mozilla.org/ja/firefox/addon/6366
・FoxTab https://addons.mozilla.org/ja/firefox/addon/8879
・Google Toolbar for Firefox http://www.google.com/tools/firefox/toolbar/FT2/intl/ja/
・Greasemonkey https://addons.mozilla.org/ja/firefox/addon/748
・Hatena Bookmark https://addons.mozilla.org/ja/firefox/addon/11285/
・IE Tab https://addons.mozilla.org/ja/firefox/addon/1419
・IE View https://addons.mozilla.org/ja/firefox/addon/35
・Japanize http://japanize.31tools.com/
・Menu Editor https://addons.mozilla.org/ja/firefox/addon/710
・Resizeable Textarea https://addons.mozilla.org/ja/firefox/addon/3818
・ScrapBook https://addons.mozilla.org/ja/firefox/addon/427
・Screengrab https://addons.mozilla.org/ja/firefox/addon/1146
・User Agent Switcher https://addons.mozilla.org/ja/firefox/addon/59
・テキストリンク (Text Link) https://addons.mozilla.org/ja/firefox/addon/1939
・ブックマークを新しいタブで開く (Open Bookmarks in New Tab) https://addons.mozilla.org/ja/firefox/addon/13784
Greasemonkeyスプリクト
・AutoPagerize http://autopagerize.net/
・Loopy for YouTube http://userscripts.org/scripts/show/28832
Sleipnirでこえ部見たことある人ならわかると思うけれど、1回目はちゃんと再生できるのにもう1度アクセスすると再生できないという怪現象が発生する。
これに対してこえ部(ってかカヤック)は現在「IEかFireFoxで見てちょ☆」という解決策を提示してくる。
が、こえ部見るためだけに別ブラウザを起動するとかできればやりたくない。やりたくないのである。
とりあえず、頑張って調べてここまではたどりついた。
・IEコンポーネントが、キャッシュにあるSWFを再読み込みしないのが原因(つまりkikiでもルナスケでも同じ問題が発生する。純正IEならOK)
・Temporary Internet Files(キャッシュ)のSidebar.swfを削除した後でページリロードすれば聞ける(そらそうだ)
・Proxomitronでなんとかできるんじゃね
ソースはとりあえずここだけで事足りるか。他にもあったけど(kiki関係の掲示板とか)↓
新スレ立てるほどでもない雑談・一言スレ - Fenrir User Community
http://community.tabbrowser.jp/forum/viewtopic.php?p=13561
ということでProxomitronを入れて色々試してみたものの、やり方がわからない。うーん。
キャッシュ無効とかはFLASHには効果がない?スレではswfファイル名に現在時刻付け足せばいいんじゃねみたいに書かれてたけど、その方法もわかんない。
似たような機能のフィルタを改造すればいけるんじゃないかなーと思ったけど見つからない。
もうそろそろ諦めたほうがいいのだろうか(時間的に)。でも諦めたくないなあ。
イージーSidebar
https://addons.mozilla.org/ja/firefox/addon/1930
サイドバー内で表示するサイドバーを切り替えたり、分離したりするだけのアドオン。
やたらと他のアドオンと機能干渉するので、あまり使いたくない。
これだけじゃなくて、この人のつくってるアドオンは大抵の他のアドオンと干渉する傾向があるらしい。
しかし、ピンポイントで同機能でアドオンをつくってる人はいないようなのでコレを使うしかない
All-in-One Sidebarはアイコンがダサいので使いたくない
ツールバーにEzSidebarのアイコン追加するとメニューがひらかなくなる
サイドバーを切り離すと動作がおかしくなる。
サイドバー分離中にジェスチャを行うと一回のジェスチャで二回分移動する。
↓→というジェスチャでタブを閉じるとかやると隣の閉じていけないタブまで閉じられてしまう
ちなみにEzSidebar削除すると上の不具合は起こらなくなる
以下追加予定
使用拡張一覧
[X]は無効
All-in-One Gesture
CacheViewer [X]
Compact Menu 2
Context Search
DOM Inspector [X]
Download Statusbar
Ez Sidebar
GMarks
Google Bookmarks Button [X]
keyconfig
OpenSearchFox
ScrapBook
Sidebar Icons [X]
Status Buttons
Talkback
Tiny Menu [X]
ViewSourceWith
タブカタログ
めも。
HTMLに見た目を指定することを書いてはいけないとよく言われるが、それだけでなく、user agentの動作を指示することにも慎重でなければならない。動作を指示する記述とは、例えばtarget属性や、HTML 5のlink typeのprefetch、sidebar、nofollowなどのことである。
これらがあまり有用でないのはuser agentに柔軟な対応をとる余地を与えないということが一番の理由である(当然ながらuser agentにはIEやFirefoxなどの「ウェブブラウザ」だけでなく、検索エンジンのロボットやダウンロードツールなども含まれる)。target属性について考えよう。あなたは何故そのリソースを新しいウィンドウで表示して欲しいと思うのだろう。自分とは違う人や組織によって作成されたリソースだからだろうか。ならば「自分とは違う人や組織によって作成されたリソースだ」と書くだけで良い。user agentは新しいウィンドウで表示するかもしれないし、「別の人によって作成されたリソースです」とアラートを出すかもしれない。あるいは本文と平行して見るべき図だからだろうか。ならば「本文と平行して見るべき図だ」と書くだけで良い。user agentはユーザの設定によって新しいウィンドウで表示したり、サイドバーに表示したりするだろう。「sidebar」についても同じようなことが言える。サイドバーに表示して欲しいのは何故だろう。もしそのリソースが目次ならば、目次と書くだけで良い。(「nofollow」がおかしいというのはHTML 5を策定している人たちもわかっていて、ただ互換性を考慮したようだ。しかし、厳密に言えば、"nofollow"はlink typeとして実装するべきものかどうか疑わしい。一例ではあるが、私のようなiTunesユーザなら、<a rating="0">などと書くことも容易に思いつくだろう)
このように、著者は自分が望む動作ではなくその動作を望む理由だけを書くのが理想的なのである。
付け加えれば、<a href="javascript:...">という記述も不適切だ。これはしばしばJavaScriptが無効な環境にあるユーザに混乱をもたらすとして批判されるが、一番の問題はスクリプトのスイッチは論理的にはリンクではなくボタンだということだ。これはtarget属性や不適切なlink typeでリンクの動作を規定しようとすることと同じ誤解が原因だと思われる。リンクは原理的に動作のスイッチではなく、あくまでリンクなのだ。従って、見た目でそれがa要素かbutton要素かを決めるべきではない。見た目はスタイルシートで指定しよう。
理想的には、クライアントサイドスクリプトも今ほど必要ではないのかもしれない。HTMLのフォームの仕様とuser agentのUIがここまで貧弱でなければ、今日我々がスクリプトでやっている、合理的で、ただの飾りではないことの90%以上はHTMLだけで記述できるのではないだろうか。ウェブのバージョンがいくつになればそれが可能になるのかはわからないが……。
画像とか動画とか音声とかにHTMLを埋め込むことができたら楽しそうじゃね? HTMLに画像や動画を埋め込むんじゃなくて。逆に。写真やイラストを展示するサイトでありがちなのが「リンクはHTMLにお願いします」ってやつで、画像に著作権表示とかコメントとかを添えるには現状そうするしかない。でもやっぱり画像そのものに書き込みたいだろうし、リンクするほうもリンクしたいリソースは画像そのものであって、「おまけ」のほうではないんだよね。俺も友達のバンドのサイト作ったことがあるんだけど、MP3のタグじゃ貧弱だし、ハイパーリンクも使えないし。そういうのもうある?