2008-09-30

Stylish でニコニコ動画を見やすく

css

ニコニコ動画で画面を拡大したときに無駄な部分を隠すユーザースタイルシートを書いてみました。ついでに広告のカットもしています。
これが、

こうなります↓

今日、明日は人生の中でも大きな分岐点となるかもしれない日だというのに、どうもモチベーションが上がらなかったので、これは尾崎豊の動画を見るしかない！と思ってニコニコ動画で見たんです。
そしたら動画以外の部分が邪魔で仕方なかった。だから消した。満足。こんなことしてる場合じゃないはず。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.nicovideo.jp") {

#billboard,
div[class^=ads],
div[class^=mb] {
	display: none !important;
}

#PAGEBODY[style="margin: 0pt; padding: 0pt; width: 100%; height: 100%;"] #flvplayer {
	height: 111% !important;
	max-height: 768px;
	margin-top: -66px;
}

}

ダウンロードは以下から。
Clean NicoNico Video | userstyles.org

最近はスタイルシートを試行錯誤しながら書いていって、思い通りになったときがすごく楽しいと感じる。Javascript とかも覚えたらもっと楽しいんだろうなぁ〜！！
ってこの時期に及んで何をやっているんだ！自分！！

2008-09-29

Stylish で Google Reader を見やすく

css

Goolge Reader を広く使う為のユーザースタイルシートを書いてみました。
これが、

こうなります↓

もう既に userstyles.org に同じようなのはあったのですが、検索フォームも消えたりして気に入らなかったので＞＜； Firefox の拡張機能の『Stylish』を使うとユーザースクリプトも管理しやすくて良い感じです。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.google.co.jp/reader/view/"),
url-prefix("https://www.google.co.jp/reader/view/"),
url-prefix("http://www.google.com/reader/view/"),
url-prefix("https://www.google.com/reader/view/") {

#gbar,
#global-info,
#searchContainer,
#logo-container,
.gbh,
#right-section,
#chrome-footer-container {
	display: none !important;
}

#nav {
	position: fixed;
	top: 4px;
	left: 0;
}

#chrome-stream-title {
	margin-top: 2px !important;
}

#chrome-stream-title a {
	text-decoration: none;
}

#search-form {
	position: fixed !important;
	top: 4px !important;
	right: 3px;
}

#viewer-box-table {
	margin-top: 4px !important;
}

#search-submit {
	margin-top: 2px !important;
}

#viewer-controls {
	position: fixed;
	top: 34px;
	left: 377px;
}

#stream-prefs-menu {
	font-size: 12px;
}

.button-container .bbr {
	padding-bottom: 3px !important;
}

.tab-header .s,
.tab-header-selected .s {
	display: none;
}

.tab-header .c {
	background: #c3d9ff !important;
}

.tab-header-selected .c {
	text-decoration: underline;
}

.tab-header-selected .c:before {
	content: "\0000bb  ";
}

#viewer-details {
	position: fixed;
	top: 39px;
	right: 3px;
	z-index: 9999;
}

}

ダウンロードは以下から。
Clean Google Reader | userstyles.org

また、えむもじらさんの Google Reader の余計なメニューを消すユーザスタイルシートと併せて使うとさらに省スペースにすることができます！

2008-09-16

GIRL

はてなダイアリーでブログを始めることにしました。それでもってブログのデザインを自作してみました。勝手に「GIRL」って名付けてます。

「ブログのデザインに組み込みたい！」
ChokiChokiのあるページをめくったとき、そんな突飛な発想に駆られた。あの感覚はあまり経験したことがないものだった。
夏休みはどこか漠然としていた。有り余った時間で入った本屋で久しぶりに”それ”を見つけた。もう立ち読みすら何ヶ月もしてなかったような気がした。

それを買って家に帰り、ChokiChoki編集部に電話をかけて、編集長の方と話した。どうやら画像の使用許可をとるには編集部はもちろん、モデル、スタイリスト、カメラマンに許可をもらわないといけないとのこと。スタイリストの内田聡一郎さんは、ちょうど夏休みに入っているため確認をとるには時間がかかるとのことだった。その間に試行錯誤しながらスタイルシートを書き続けた。

それから2週間ほどしてChokiChoki編集部からOKの返事が来た。まさかOKもらえるとは思わなかった。案外言ってみるものだと思った。

さあ文章を書こうと思ったが、最近ではめっきりmixiに日記も書かなかったし、ブログはいまいち誰に向けて発信してるか分からないから、どんな文の調子で書けばいいのか分からなかった。

この固いアタマを柔軟にするためにも、こうゆう場で文章を書くことを続けていきたい。あまり考えすぎずに。

最後に文章上ではありますが、画像の使用許可をいただいたことにお礼を申し上げたいと思います。
ChokiChoki編集部の三浦さん、モデルのカレン・ミッシェルさん、スタイリストの内田聡一郎さん、カメラマンの方(お名前存じ上げなくてスミマセン)、こんなすてきな画像を使わせてくださり、どうもありがとうございました！！