「Sidebar」を含む日記 RSS

はてなキーワード: Sidebarとは

2011-04-07

はてなブックマークエントリーページ新UIを見やすくするユーザCSS

コメントが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

あ、>>23の一番下たいぽだった。

#scored-bookmarks { display:none; }

2011-04-05

stylishで新UIはてブエントリーページのサイドバーを下に持ってくる

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;}


}

2010-08-19

アドオンリスト

さてどこから消すか

2009-10-08

今使っているFirefoxアドオンまとめ

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

2009-09-28

Sleipnirこえ部が見たい。

Sleipnirこえ部見たことある人ならわかると思うけれど、1回目はちゃんと再生できるのにもう1度アクセスすると再生できないという怪現象が発生する。

これに対してこえ部(ってかカヤック)は現在IEFireFoxで見てちょ☆」という解決策を提示してくる。

が、こえ部見るためだけに別ブラウザを起動するとかできればやりたくない。やりたくないのである。

とりあえず、頑張って調べてここまではたどりついた。

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ファイル名に現在時刻付け足せばいいんじゃねみたいに書かれてたけど、その方法もわかんない。

似たような機能のフィルタを改造すればいけるんじゃないかなーと思ったけど見つからない。

もうそろそろ諦めたほうがいいのだろうか(時間的に)。でも諦めたくないなあ。

2009-04-05

[]EzSidebarの干渉

イージーSidebar

https://addons.mozilla.org/ja/firefox/addon/1930

サイドバー内で表示するサイドバーを切り替えたり、分離したりするだけのアドオン。

やたらと他のアドオンと機能干渉するので、あまり使いたくない。

これだけじゃなくて、この人のつくってるアドオンは大抵の他のアドオンと干渉する傾向があるらしい。

しかし、ピンポイントで同機能でアドオンをつくってる人はいないようなのでコレを使うしかない

All-in-One Sidebarアイコンダサいので使いたくない

Personal Menu

ツールバーにEzSidebarアイコン追加するとメニューがひらかなくなる

FireGesture

サイドバーを切り離すと動作がおかしくなる。

 

サイドバー分離中にジェスチャを行うと一回のジェスチャで二回分移動する。

↓→というジェスチャでタブを閉じるとかやると隣の閉じていけないタブまで閉じられてしまう

ちなみにEzSidebar削除すると上の不具合は起こらなくなる

以下追加予定

2007-09-28

いつのまにかWMPでFLVが再生できるようになっていた

いつどのコーデックが入ったのかしらないが俺のWindows VistaでFLVをWMPに入れたら再生できるようになってしまった。

ニコニコ動画からアイドルマスターMADとかのFLVを落としたものがHDDに溜まっていたのでプレイリスト化し、連続君5号につっこんだ。

Windows SideBarで延々と連続再生されるアイマス動画に卒倒しそうになった。

ニコニコ見に行ったら同じことやってる人がいた。俺だけじゃなかったか。

http://www.nicovideo.jp/watch/sm1047842

2007-09-22

htmlデザインcssクラス名 wrap だとか main, body, sidebar, menubar だとかそういうもののデファクトスタンダードってないの?

で、それに対応した css デザインを集めているサイトとか、そんなんないの?

CMS 毎にテンプレート集めてんのもったいないと思うんすけど。

2007-08-09

[]もっと軽いブラウザ使いたいのだが、拡張が便利すぎてfirefoxが手放せない

使用拡張一覧

[X]は無効

Adblock Plus

Add-ons Sidebar

All-in-One Gesture

CacheViewer [X]

Compact Menu 2

Context Search

DOM Inspector [X]

Download Statusbar

Ez Sidebar

GMarks

Google Bookmarks Button [X]

Google ノートブック

Greasemonkey

IE View

IGoogle Sidebar

keyconfig

Menu Editor

OpenSearchFox

ScrapBook

Sidebar Icons [X]

Status Buttons

Tab Mix Plus

Talkback

Tiny Menu [X]

ViewSourceWith

はてなブックマークカウンタ

タブカタログ

はてなバー?あんな場所とるような拡張はいらんですよ。省スペースって概念がないのかはてなには

2007-07-19

HTMLに書いてはいけないもの

めも。

HTMLに見た目を指定することを書いてはいけないとよく言われるが、それだけでなく、user agentの動作を指示することにも慎重でなければならない。動作を指示する記述とは、例えばtarget属性や、HTML 5のlink typeのprefetch、sidebarnofollowなどのことである。

これらがあまり有用でないのはuser agentに柔軟な対応をとる余地を与えないということが一番の理由である(当然ながらuser agentにはIEFirefoxなどの「ウェブブラウザ」だけでなく、検索エンジンロボットダウンロードツールなども含まれる)。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タグじゃ貧弱だし、ハイパーリンクも使えないし。そういうのもうある?

 
ログイン ユーザー登録
ようこそ ゲスト さん