はてなキーワード: 背景色とは
他にどんな物があるだろうか。
ふと思い立って昼休みに作った。経過時間別に背景色もつきます。
グループ分けとかしてるとうまく動かないかも。
// ==UserScript== // @name order_home_mymixi // @namespace http://anond.hatelabo.jp/ // @include http://mixi.jp/ // @include http://mixi.jp/home.pl // ==/UserScript== (function() { if (window != window.parent) return; var homeTds = document.evaluate('//div[@id="mymixiList"]//td', document.body, null, 7, null); for (var i = 0; i < homeTds.snapshotLength; i++) homeTds.snapshotItem(i).innerHTML = 'loading...'; GM_xmlhttpRequest({ method: 'GET', url: 'http://mixi.jp/list_friend_simple.pl', onload: function(res) { var friends = []; var bgColor = { '01': '#ffffff', '02': '#fee7c6', '03': '#ffd8a7' }; var div = document.createElement('div'); div.innerHTML = res.responseText; var tds = document.evaluate('//div[@id="friendList"]//td', div, null, 7, null); for (var i = 0; i < tds.snapshotLength; i++) { var td = tds.snapshotItem(i); var klass = td.getAttribute('class'); if (!klass || klass.search(/^iconState(01|02|03)/) == -1) continue; friends.push({ color: bgColor[RegExp.$1], anchor: td.getElementsByTagName('a')[0], name: td.getElementsByTagName('p')[0].innerHTML.replace(/^(.+)\(/, '$1 (') }); } for (var i = 0; i < homeTds.snapshotLength; i++) { var td = homeTds.snapshotItem(i); td.innerHTML = ''; td.style.background = friends[i].color; td.appendChild(friends[i].anchor); var span = document.createElement('span'); span.innerHTML = friends[i].name; td.appendChild(span); } } }); })();
最初、何が問題か分からなかったのは、私のPCでは背景色を灰色にしているからなんだな。
なるほどね、純粋な1位に見える、と。
前のやつはこれだ!
http://anond.hatelabo.jp/20080822113934
休み明けでしっかりリフレッシュしたからまた書いてやんよ!リフレッシュつっても遊んでばっかだけどな、ブログ全然書いてないぜHAHAHA!!
土日は1記事更新とかにしてるから楽だぜ。その分アクセスも減るけどイキ抜きしなきゃ男として生きてらんねーだろ。変な意味じゃねーぞ!
はてブあんだろ、はてブ。おまえらはてなユーザははてブの数に命かけてるみてーだけど気にスンナ。俺が言ってやるよ、はてブなんざクソだ! ウンコだウンコ。
理由? 人が集まんねーからだよ! はてブで200とか300集めてトップに掲載されてもすずめの涙ぐらいしか誘導こねーんだよ。しかも誘導されるのははてなユーザばっかだ。おまえらうぜーんだよ!!このはてな難民どもが!
はてブのほっとエントリより「ゴリラブーツ」とか「TBN」とか「everything is gone」とかにリンク張られたほうが人くるんだよ。ニュース羅列サイト>はてブ だ。分かったか! あんま紹介すると身元がバレるからもう教えないんだからねっ
嘘つけ!とか思って調べてみたらホントに少なかったわ!ごめん、俺が嘘ついた!でも1日800とか誘導してくれてる日もあったぞ!
ちなみにはてブは全リファラに対しての割合が1.78%だったわ。やっぱはてブはダメだ!ブログにはコメントできない恥ずかしがりやさんたちのコメント読むのが面白いだけー!!
おめーらみてーなのは人の悪口大好きなんだろ? いいよ、隠すなよ俺も好きだから。でもな、それは諸刃の剣だ。
ぶっちゃけると悪口書くと人は集まってくるんだよ。別に自分が貶されたわけでもないのに親の仇とってやるみたいな怒りで頭の血管の沸いた奴らが主だけどな。ああもう死ね。
こいつらの良いところは人を集めるところだ。怒りってのは人の一番の原動力でな、こいつらあちこちでアホみたいに宣伝してくれる。アホだよアホ。
でもアホだから俺は別に作品について文句言ってるだけなのに俺の人格批判までしてくんの。ダメだこいつら、早くなんとかしないと――みたいな。「お前は人間失格」「早く死ねよ」「クズ」とかの罵倒に耐えられる奴だけ人の悪口書くとイイヨ!! そんなコメント、修正してやるー!
見やすくしろ。背景は白だ。白。いいな? 絶対に白だぞ。理由が知りたいって?お前背景が赤とか緑だったら仕事中に見れねーだろ! そんぐらい考えろ! 大人の世界はガチャピンもムックも生きていけねーんだよ。黒背景とかホントファックだぜ。
お前文章読んで欲しいんだろ? じゃあ文章に配慮したデザインにしろよ。ちかちか点滅するアイコンとか張ってると尻の穴から手突っ込んで奥歯ガタガタ言わすぞ。
白、文字は黒だ。黒つっても#000じゃねーぞ#232323ぐらいがオススメだ。あんまりはっきりしすぎても目が疲れるんだよ!
薄い背景色に濃い文字色だ。といっても薄緑の背景にビリジアンとかの文字にしてもゆるさねーからな。
よく自分のサイトや広告ばっか、あと英語の情報ネタ元にしかはんねーくそサイトあんだろ。あれやめろ。
前にもいったけどブログってのは人と人との繋がりが大事なんだよ。ネタとか参考になるサイトがあったら迷わずはって紹介しろ。
そんなことして何になるって? あのな、俺みたいなできた人間はリファラチェックしてんだよ? 別にお前できてないって? うるせえよ。
リファラでよくリンクくれるサイトってのは覚えてるんだよ。したらそのサイトに少しぐらいお礼したいって思うのが人情だろうが。それが人間なんだよ、いいないいな人間っていいな。
よくリンクくれるところにはコッチからも貼れるときがあったら返してやる。そういうの期待しろ、無意味かもしんねーけどやっとけって。
どうせウェブの人口なんざもう限界なんだ。あとはどれだけ既存のサイトから引っ張ってこれるかが勝負なんだぜ。流出しても気にすんな。
アクセス集めるために読んでるのにこいつなんでこんなこと言っちゃってんの? みたいな顔すんな。一からヤンダに説明してやんよ。
アクセス数見る時間あるだろ、それ記事書く時間に回せや。どーせ一月1000とか2000なんだろ?ウププ(笑)
それ見てる暇あったら書けよ記事。お前にとって1000や2000でも、その中の1人にとってはお前は1なんだよ。1対1なんだよ、分かるか?
くだらねーことで悩んでるヒマがあったら読者に対してより良い記事を書くために奔走しろや。
ブログで誤字脱字多いとことかあんだろ。死ねって思うよな? それがひっかかって記事に集中できないよな? そういうのはダメなブログだ。
お前のブログもそうかもしんねーぞ、一度書いたら2回は読み直せ。2回だ、1回じゃねーけど3回でもいいぞ。
1回目で誤字・脱字をチェックしろ。2回目で文章の流れを修正しろ。流れだ、流れ。ながれかわは俺が潰す。
たとえが「今日はおなかがすいたのです。お昼ごはんを食べたのです。たこさんウインナーとかかにさんウインナーとか魚肉ソーセージとかが美味しかったのです。ご飯を食べたあとは眠かったので寝たのです」とか読みにくいだろ?そう思わねーか?思わねーんだったら本読め。
これはな「お腹がすいたので、お昼ご飯を食べました。たこさんウインナーやふんわりした玉子焼き、ほうれんそうのおひたしが美味しかったです。ご飯を食べたら眠くなったので寝ちゃいました。えへへ」ぐらいになるんだよ。
「なのです」が続いてうざかったろ?てめーウインナーばっか食ってて「とか」ってなんだよとか思ったろ? そういうことだよ。
今週のTOP10とかでいいから紹介しろや。あのな、お前の過去記事でどれが人気だったとか俺にはわかんねーんだよ。だからお前が俺に紹介しろ。
1日1記事書いてたら1ヶ月後には30、1年後には365だ。365本も記事読んでられねーんだよ。その中からアクセス集めてる記事紹介しろや、たぶんそれ面白いだろうから。
その記事が面白かったらお前のブログ「お気に入り」に入れちゃうかもしんねーぞ。フォルダ名は「カスブログ」でいいよな!
ブログのトップページとかあんま人こねーんだよ。そんなとこ見るのは常連さんだけだ。
あとは個別記事にきてるんだよ。その初めて訪れたブログの初めて読んだ記事、それが「今日も便秘。憂鬱だ」みたいな一言だけだったら嫌だろ? 出会いが愚痴とか最悪じゃねーか。俺なら自分が便秘じゃなかったらそいつには関わらないね。
第一印象を修正するのは難しいんだよ、人間と一緒だな。ブログだって人間なんだぜ、お前というな。
上記の例だったらどんな素晴らしい文章書いても「でも便秘で悩んでる○○さん」みたいな脳内修正がつくんだよ、悲しいことにな。
だから過去の記事も大切にしろ。愚痴を言いたかったらなんか役に立つ情報載せとけ。そしたら愚痴じゃなくてそっちが頭に入るからな。分かったかこのウンコ。
よくアクセス増やそうとしてムリしてるブログとか見かけるんだよ。ネットでだけ良い人見せ掛けようとしてもダメ、お前が変わらなきゃも変わらなきゃ。
逆立ちしようが背伸びしようがお前はお前なんだよ。ネカマぶってても俺にはお前の正体が分かるんだよ。
ブログでイイ人になりたかったらお前がイイ人になれ、頭よく見せたかったら勉強しろ、面白い人になりたきゃ面白いことして人の反応を覚えろ。ブログってのはお前を写す鏡なんだよ。かっこうだけじゃやってけねーんだ。
俺? 俺はお前この記事見て俺のブログ探せよ、見つかるかもしんねーぞ。ヒントは・・・お前には教えてやんねー!クソして寝ろ!
疲れたから続きはまた今度。
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
_________________ここから下は古い情報▼__________________________________________________
今、自分のブログをスクラッチしているので、こちらで。→2008/9/28 スクラッチ完了!BLACK-OUT.CSS公式ページ
作りました
要は、LynxのようなシンプルWebに世界がなればいいのになと思っている方。
そして、どんなサイトでも目線は左右に動かしたくない!スクロールは上下だけで済ませたい!
と、強く考えておられる方むけの情報です。
私はテキストブラウザのLynxを時々使っているのですが、これでサイトを見るとシンプルに見れるのですごく良いんですよね。
ただ、LynxはFlashとか画像が見れないし、マウスが使えないのはいざって時にちょっと不便。
で、Firefoxをテキストブラウザ化できないかなあと、ふと思いまして、思いつきで作ってしまいました。
私めもwebデザイナーやっとるんですが、上記のように、昨今のwebデザインなんて普段はなくていいって思っている奴でして。
仕事じゃ3カラムのサイトとか作りますが自分はそんなん好きじゃないです。色がサイトごとに違うってのも理解できない。
必要なのは情報であってデザイナーのデザインなんてどうでもいいんですよ。
そんな訳で、どんなサイトでもテキストブラウザ状態で閲覧できるFirefox用の拡張cssを作りました(やっつけだけど)。
ただ、ニュースサイトで画像が見れないと困る時もあるので、普段は小さなサムネイルで、カーソルを合わせた時だけ大きく表示されるようにしています。
@このcssはコンセプト実証モデルです。思いつきで作ってるのでちょっと問題もあります。フィードバックとか意見など頂けると嬉しいかも。
@将来的には、グリモンでjsも組み合わせてもっとコンソールのような感覚でブラウジングできるようにしたい
@(参考用)私のよく見るサイト・・・ニコ動、wikipedia、スラッシュドットジャパン、2nn.jp(2ch)、mixi、はてなでホッテントリに上がっているブログ各種
ちなみに、こんなん使うな、既にこんないいのあるわいってのをご存知の方は教えてくれると嬉しいです。
それなりに探したのだけど、見当たらなくて・・・だから自作したので。
/* * ---------------------------- * black-out.css * author zamamin.com * build 2008.8.09 15:03 * version 0.0.31 * fix @namespaceを書いてなかったので追加 * ---------------------------- * */ @namespace url(http://www.w3.org/1999/xhtml); /* 全てのエレメントをリセット */ body,body * { background-image:none !important; background-color:#000 !important; border-color:#333 !important; text-decoration:none !important; color:#aaa !important; /*<- テキスト色 */ font-size:16px !important; /*<- 文字サイズ */ font-weight:normal !important; padding:0.15em !important; margin:0 !important; line-height:1.25em !important; text-align:left !important; text-indent:0 !important; font-family:Arial,Helvetica,Verdana,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'MS Pゴシック',sans-serif !important; float:none !important; clear:both !important; position:relative !important; width:auto !important; height:auto !important; } body { background-color:#000 !important; padding:0.5em !important; } body * p, body * div, body * h1, body * h2, body * h3, body * h4, body * h5, body * h6{ margin-bottom:0.3em !important; float:left !important; clear:both !important; } /* リンク色 */ body * a, body * a *{ color:#a50 !important; } /* アクセス済みのリンク色 */ body * a:visited{ color:#a50 !important; } /* カーソルを合わせた時のリンク色 */ body * a:hover, body * a:hover *{ color:#0aa !important; background-color:#609 !important; } /* 画像は普段は小さくサムネイル表示。鬱陶しいので薄く表示 */ body * img{ opacity:0.3 !important; height:15px !important; width:15px !important; } /* 画像はマウスカーソルもっていけば原寸サイズになる */ body * img:hover{ opacity:0.9 !important; height:auto !important; width:auto !important; } button, input, select, option, textarea{ color:#f00 !important; padding:0.05em !important; height:auto !important; } /* テーブルのスタイル */ table{ border:none; } table td, table th{ border:none; border-right:1px dashed #999 !important; border-bottom:1px dashed #999 !important; } /* for 2ch(暫定) */ body * dt{ font-weight:bold !important; } /* 二コ動 */ embed#flvplayer{ height:540px !important; width:952px !important; }
数日使って思ったこと
白い白いと言われているが、おそらく問題は白の面積ではなく、明るいオレンジにあると思われる。
白さの面積で言えば、この増田も良い勝負。
前のオレンジは、オレンジでも明るさ抑えめの配色だったので、背景色にしても、
それほど違和感はなかったが、今回のオレンジは、背景色にするにはやや明るすぎの感がある。
最新アルバム、動画、ミュージックに表示される部分が、画像のみであるため、
一体全体、何のアルバム(又は動画、ミュージック)であるのか、判別つかない。
また、imgタグにalt属性でタイトルを指定しているが、alt属性はFirefoxではマウスオーバー時にポップアップ表示されないため、
title属性も付加すべきだろう。
まぁ、それよりも大人しく、文字によるタイトル表記をすべきだと思うが。
丁寧に、AdBlockでブロックされないように対策が施してある。
これは、mixiも慈善事業じゃないので、いたしかないところか・・・
たしかに横幅が広いが、ユーザースタイルシートも出回っているので、それで対応可能。
未だに古い、セキュリティホールだらけのOS、ブラウザを利用しているのは信じられない。
これを機にMacOS 9ユーザは推奨環境に移るべきであろう。
ソースコードは公開されているのだから。
端々に古いデザインが残っていたりして、統一感が欠けているので、
どうにも居心地が悪い。
1段目がユーザー全体のデータベースにアクセスする必要があるメニューで、
2段目のメニューが、現在閲覧中のユーザのデータベースにアクセスする必要があるメニューとなっている。
たしかに、開発側からしてみると、このようになってしまうのかもしれないが、同じような項目が並んでいるので、
ユーザにとっては一見して分からない、失敗したユーザーインタフェースといえよう。
しかし、メニューの項目が1つしかないのは、何かのジョーク?
検索避け意識したのは一年ぐらいあとかな。
理由は関係ない一般人がショックを受けないようにするためより、検索で情報を探す人にどうでもいい創作物がかからないようにするためっていう割合の方が大きかったけど。
(作品そのものの情報が欲しいのに、同人サイトがサイト名あるいは注意書きに入ったジャンル名で検索上位にきて邪魔なときがある)
には同意。
そういう人たちは、表示義務のある広告を無駄な改行で下のほうに追いやったり、CSSでリンク色を背景色に紛れ込ませたり、#name指定で見えないようにしてしまったりしている率も高い気がする。
http://anond.hatelabo.jp/20070615155505
あと、作品名じゃなくて一般的な語句で検索にかかるのはトップページじゃなくて作品ページそのものだしね。
ウェブ2.0の次は? なんて話も散々既出だが、肝心のウェブブラウザがろくに進歩してないじゃないか。というわけで、ほろ酔い気分の俺がウェブブラウザの中の人たちに要求したいことが4つほどある。
まずはHTML。IEのCSSの対応のまずさは今や誰もが知るところだが、そもそもHTMLもしょぼい。link要素はいつまで黙殺され続けるのかね。かわいそうに。しかし問題はIEに限ったことじゃない。Fxもデフォルトスタイルがしょぼい。h6とか、見出しなのに米粒サイズになっちゃうし。しかも太字だから読めねーよ馬鹿。文字サイズだけじゃなくて、ボーダーや背景色を与えるようなスタイルもあって良いはずだ。まあそういうことができないのは、HTMLを表示制御言語として使っていた我々のせいだが…。Operaではちょっと違うデフォルトスタイルを選択することもできるが、このスタイルもまたしょぼい。もうちょっと頑張って欲しい。
次に、テキストエディタとしての機能を充実させてほしい。ブログだの何だので、ブラウザで文章を書く機会は増える一方なのに、現状ではCtrl+z/x/c/vくらいの機能しかない。Operaなら予め登録しておいた文字列を挿入するやつやスペルチェックはあるが、もっと突っ込んで、単独でテキストエディタとして使えるくらいを目指して欲しい。
そもそも、textareaがinput[type="hidden"]のでかい版でしかないというのもどうなのか。まあこれはHTMLのデフォルトスタイルの話だが。普通、短い語句や数値だけではない「文章」を入力するからこそtextaraeaになっているはずなのだが、それにしては非常に使いにくいじゃないか。そんな気がしない? 俺はエディタで書いてコピペしてるんだけどさ。例えばアイコンだけ表示してあって、クリックすると2chブラウザのレスエディタのようなウィンドウが開かれるとか、そういう実装をしても良いはずだ。あるいは思い切って普通のテキストエディタに丸投げするのも面白い。MUAではそういうことができるものが既に存在する。
3つ目はYouTubeブラウザ。YouTubeだけじゃなくて2chとか、その他の人気サイトも含めて。2chブラウザは既に存在するが、そういうのをウェブブラウザがデフォルトで装備していても良いと思う。OperaがBitTorrentのUAを持ってるように。まあ、無くても良いけど。
4つ目はウェブブラウザの話ではないが、ウェブ向けの画像、音声、動画などの形式が開発されるべきだと思う。というのは、……めんどくさくなってきたので以下適当に箇条書き。各自脳内でつなげて補完しやがれです。