「背景色」を含む日記 RSS

はてなキーワード: 背景色とは

2011-07-12

虚構新聞ネタサイトではない。デマサイトもしくは釣りサイト

虚構新聞は読者を意図的に騙し、釣ろうとしている。これは明らかだ。

タイトルに「虚構新聞」を入れていないし、「これは嘘ニュースです」を背景色にしつつ小さくしている。

釣られた人によってページビューを稼いでいる。

虚構新聞を知らない人や、リンクタイトルを見た人を意識的に釣ろうとしている。

釣られた人を利用してアフィリエイト収入を得ている。

ゲンダイと何が違うんだ?

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

7月13日朝に追記

申し訳ない。言葉不足だったようなので書き足す。

いまのところ、この記事についた批判として正しいのは id:kana-kana_ceo の「インターネット上でデマだとか、釣ったとか、騙されたとか言っても、実社会にはたいして影響が無いので、どうでもいいんじゃないか、と思ってます。」とか、「いいえ、あれは情報リテラシー教育サイトです。」くらいだ。

自分は「嘘を書くな」とは言っていない。重要なのは次の点。

例えば、ガキの使いコントコントだとわからない人たちがいる。だが、あの番組はそういったわからない人たちを釣ろうとしていない。そんな人たちは元から番組ターゲットではない。

自分アンサイクロペディアに記事を書いたことがある。他愛もない記事だが、もしそれを本当だと誤解した人がいたなら謝りたい。

虚構新聞はそこを一歩踏み越えている。誤解を狙っているし、誤解を解消しようともしていない。だからデマサイトもしくは釣りサイトと呼ぶべきだ。この記事で自分が伝えたかったのはそこだ。

あと、こんなことを書くと変な反応をされるので書きたくなかったが、自分もおっさんなので滅多なことがない限り釣られないし、Twitterも使っていない。

2011-05-04

透明人間

「僕は透明人間さ、きっと透けてしまう!」

同じ人には分かってしま

中身がなくて、空虚なだけなのが

そして、本当は透明じゃないことが

何かを決めることが怖いか

選ばなくて済むように消し去ったフリをしてる



「僕は透明人間さ、もっと透けていたい!」

ただ、本当はそう願っているだけ

濁っていて、とてもじゃないけど鏡なんかにはなれやしない

相手の全てを受け入れてもやれない



「僕は透明人間さ、誰も気付かない!」

気付いて欲しくて、だからこそ透明になりたい

気付いてもらえないから、それならいっそ見えなくなりたい

心の底まで見えるものがなければ、奥底まで見通せるなら

それは"居ない"のと同じだから




僕は、透明人間

透き通っていたい

誰の大切にもなれない、背景色人間

あなたが眺める僕の背後の、その色に染まりたい

心の底まで透き通っていたいのだ

濁る事なく底まで見えるなら

きっとその器が傷付くこともないだろうから

2011-04-20

http://anond.hatelabo.jp/20110419150943

3、4年前にもあったよ同様のサービス

ただいつの間にか消えちゃったけど。

背景色灰色サイトだったな。

2011-03-30

Greased Lightbox背景色を変える

Greased Lightboxとは画像リンククリックするとページを移動することなリンク先の画像を見ることができるという便利なユーザースクリプトである。たぶんGreasemonkey上で動くからGreasedという名前なのだろう。ちなみにOperaでも使える。

でGreased Lightboxが動作すると画像以外は暗くなり、画像が見やすくなるのだが黒いPC画面というのはあまり見たいものではない。画像の後ろに自分の顔が映ると萎える。というわけでこの黒い半透明の背景を白くしようと思った。

とりあえずgreasedlightbox.user.jsの色を表している部分を全部白にしてみたが背景は変わらなかった。どうやら背景は色を指定して表示しているのではなく、画像を直接指定して表示しているらしい。その画像を表す部分を見つけた。

var pngOverlay= "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmJgYDgDEGAAANsAz1TKIeAAAAAASUVORK5CYII%3D')";

これを見るとbase64がカギを握っていそうだ。Wikipediaによると

Base64は、データを64種類の印字可能な英数字のみを用いて、それ以外の文字を扱うことの出来ない通信環境にてマルチバイト文字やバイナリデータを扱うためのエンコード方式である

ということらしい意味不明文字列が半透明の黒い画像を表しているということだろう。ということは半透明の白い画像を表す文字列と置き換えれば背景を変えることができる。というわけでGIMPを使って白い色の透過PNG(1px四方)を作った。 次にこのページ( http://sveinbjorn.org/dataurlmaker )でその画像文字列(Base64形式)に変えた。そしてgreasedlightbox.user.jsの先程の文字列と置き換えた。

変更前

var pngOverlay= "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmJgYDgDEGAAANsAz1TKIeAAAAAASUVORK5CYII%3D')";

変更後

var pngOverlay= "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sDHg0AJ+6ZOggAAAANSURBVAjXY/j//38kAAlVA1faOaSqAAAAAElFTkSuQmCC')";

こうしてGreased Lightboxの背景が白い半透明になった。かなり薄めだがGreased Lightboxが動作していると分かればいいのでこの程度の濃さで充分かな。

2010-08-30

こんなイラストサイトは見たくない。

蒸し暑くて眠れないから、曾孫以下のニュースサイトを運営している身として、見たくないイラストサイトを垂れて見る。

眠いのに蒸し暑くて眠れないストレスで一部表現が乱暴かも知れんが、そこはオマイラの『スルー力』で大目に見てくれ。

  • 扉ページ作るの構わんが入口分かり易くしてくれ・・・
    • キナTOPページが表示されず注意書き満載の扉ページを置くのは個人的には良いけど、入口分かり易くしようぜ
    • 極小フォント+背景に溶け込むカラーリングで「こちらをクリック」と書かれても・・・

・・・何と言うか、殴り書きしたけど根底にあるのは「見て頂く方が分かり易い感じにしてくれ!」の一言だな。

いや、何もイラストサイトに限った訳じゃ無いけど、そのWebサイトさんがどんな事を売りにしているのかが分かり難いとSearchやRingから飛んできてもタブを閉じたくなっちゃうモノです。

何か無駄にエラそうな上から目線で書き綴ったような気もするが眠いけど蒸し暑くて眠れなくて良く分からなくなって来たけど、まぁそんな感じ。

オイラ自身絵師さんじゃ無いのでpixivID無いからイラストSearch経由でイラストサイトさん探してるけど、絵は正直ウメェがサイト構成が残念な人がチラホラ見受けられるのよ。

眠気とけだるさと熱気が良い具合にgdgdになってまいりました。

何か気の利いた事を書きたいが脳味噌が回らん。

とりあえず、イラストサイトを運営しててイラストSearchとかに加入されてる絵師の皆さん、分かり難い奇々怪々なWebサイトになっていませんか?

2010-05-10

とある人の考え

その人はその分野では結構な権威の人で、前政権下でちょくちょくアドバイザー的な事をしていたり、外国でもその発言はよく取り上げられるような、実績も名声も十二分な人だった。

しかし、周囲の人々は一つだけ不満があった。この人、二十一世紀も10年を過ぎようかというこの時期に、未だにまともなウェブサイトを持っていないのである。いや、あるにはあるが、驚くことにジオシティーズなのだ。

どうやら、10年以上前に当時ゼミに居た学生に一通り更新の仕方を教わったきり、今日までずっとジオシティーズのページに近況や研究成果などをアップロードし続けていたようなのである。ページタイトルすらない、真っ白な背景色アクセスカウンターなどあるはずもない。メルマガ過去ログと見紛うほどにシンプルなページである。

しかしさすがに10年間ともなるとテキストメインサイトといえども容量的に厳しくなってきたらしく、その人は私に相談を持ちかけてきた。当然私は

先生ほどの人の公式サイトが個人向けの無料サービスというのはもったいない。独自ドメインを取得したり、そこにブログなどを設置してみてはいかがでしょうか。名だたる人は皆そうしていますよ。」

と進言した。するとその人はこう答えた。

「なんたらドットコムなどとアドレスを見栄え良くしたからといって、私が掲載する論文や論説の質が上がるわけでも下がるわけでもなかろう。重要なのは、私が公開した論文を誰もが見ることが出来るという事だ。」

とりあえず私は、その人のためにジオシティーズにもう一つアカウント作成し、現在サイトのトップに「使用容量上限に近づいたため新サイトを立ち上げました。アドレスは~」と追記しておいた。

2010-04-24

http://anond.hatelabo.jp/20100424175656

裏話なんてあんまり覚えてないよ

掲示板パスワードを絶対分からないような文字列にしたのに

どういうわけか毎回乗っ取られたことだけはよく覚えている

背景色とか全部変えられて「本当は僕は高卒です、ごめんなさい」とか勝手に謝罪用掲示板に変更されたりした

いまなら不正アクセスとかに引っかかりそうだけどあのころはそういうのみんな平気だったな

2009-02-03

最近はてな携帯放置しすぎな感じがする

auでもそうなのか。

文字色が白いから見れないんじゃなくて実体参照になってるから見れないんだと思う。

データ量が大きくなってるのでパケット代も増える。その上結局見れないだなんて。

まあはてラボサービスだしこんなもんかもね。

増田の気になるタイトルエントリホッテントリ入りしていると、リンクを辿って見ようとする。

でも見れない。

なんかね、携帯で見ると、増田の文字色が白くなってんですよ。

背景色と同じで見られないの。

http://anond.hatelabo.jp/20090203054205


それとは別に各種モバイル向けのサイト放置されすぎてる感があるよ。

具体例はうまく挙げられないけど端末のスペック上昇についていけてない感じ。

携帯増田が読めない

auを使っている。

暇つぶし通勤中に携帯はてブを見る事がある。

増田の気になるタイトルエントリホッテントリ入りしていると、リンクを辿って見ようとする。

でも見れない。


なんかね、携帯で見ると、増田の文字色が白くなってんですよ。

背景色と同じで見られないの。


見られないのは仕方ないわけで。

まあいいかとか思いつつ、電車を降りるともう忘れちゃってる。

どうしても気になる記事はブクマしておいて、会社や自宅で読むようになったけどね。

でも、また次の機会に携帯はてブを見ると、また思い出す。ああ、携帯じゃ見れないんだっけ。


こういうのって、なんか他にもあったよ。

問題が起きても、自力で解決できないからその場しのぎ。

また次の機会に同じ問題が起きる。またその場しのぎ。

このままだと埒が明かない。じゃあってんで解決しようと思うかっていうと、

問題を解決する手間の割りに、見返りが少ない気がしてしまう。

携帯からでも増田が見られるようにするプロキシ自作しました!」 面倒だよ、それ。

いいじゃん、その場しのぎでも。満足なら。

そこまで増田を見たいとは思わないし、確実にその場を凌ぐことが出来るって、幸せだと思うよ。



だから、私は嫁が聞きたがるから「愛してる」って言うんだ。

嫁がまたすぐに聞きたがるって分かっていても。

また聞きたがったら、また「愛してる」って言うんだ。

いつまでも言い続けるんだ。面倒だと感じる時もあるけど。

「『愛してる?』 って聞かない嫁に変更しました!」 馬鹿だろ、それ。

2009-01-23

増田携帯で見れなくなった

増田携帯で見れなくなった。

正確にはページは見れるが文字が背景色に溶け込んで見えない。

今まではポケットはてなから見ていたし、携帯向け増田ビューアも試してみた。

けどやっぱり白い。

どこのネタバレだよと思いつつも、電車内および布団の中での楽しみを奪われた俺はこれからどうすればいいのか。

やっぱり「Ads by Google」これかな、原因。

2009-01-19

横濱家のサイトの見づらさは異常。

何あの字体。何あの背景色リンク色。

2008-12-17

フィクション作品におけるコンピュータ

独断と偏見パターンを分けてみる。

他にどんな物があるだろうか。

2008-12-15

mixi ホーム画面のマイミク一覧をログイン時間順で表示するグリモン

ふと思い立って昼休みに作った。経過時間別に背景色もつきます。

グループ分けとかしてるとうまく動かないかも。


order_home_mymixi.user.js

// ==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);
            }
        }
    });
})();

2008-12-05

http://anond.hatelabo.jp/20081205131031

最初、何が問題か分からなかったのは、私のPCでは背景色を灰色にしているからなんだな。

なるほどね、純粋な1位に見える、と。

2008-08-25

月間100万PV超のボクちゃんが人が集まるブログの秘訣を語っちゃうよ。

前のやつはこれだ!

http://anond.hatelabo.jp/20080822113934


休み明けでしっかりリフレッシュしたからまた書いてやんよ!リフレッシュつっても遊んでばっかだけどな、ブログ全然書いてないぜHAHAHA!!

土日は1記事更新とかにしてるから楽だぜ。その分アクセスも減るけどイキ抜きしなきゃ男として生きてらんねーだろ。変な意味じゃねーぞ!


はてなブックマークとか気にスンナ

はてブあんだろ、はてブ。おまえらはてなユーザはてブの数に命かけてるみてーだけど気にスンナ。俺が言ってやるよ、はてブなんざクソだ! ウンコウンコ

理由? 人が集まんねーからだよ! はてブで200とか300集めてトップに掲載されてもすずめの涙ぐらいしか誘導こねーんだよ。しかも誘導されるのははてなユーザばっかだ。おまえらうぜーんだよ!!このはてな難民どもが!

はてブのほっとエントリより「ゴリラブーツ」とか「TBN」とか「everything is gone」とかにリンク張られたほうが人くるんだよ。ニュース羅列サイトはてブ だ。分かったか! あんま紹介すると身元がバレるからもう教えないんだからねっ


ゴリラブーツリンク貼られても10アクセスくらいしかないよ。TBNだと5000くらい。

嘘つけ!とか思って調べてみたらホントに少なかったわ!ごめん、俺が嘘ついた!でも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-08-10

Firefoxテキストブラウザ化するcss作った【黒画面】【コンソール】

2008.9.28 12:53 追記



★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★



★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★







_________________ここから下は古い情報▼__________________________________________________






今、自分のブログスクラッチしているので、こちらで。→2008/9/28 スクラッチ完了!BLACK-OUT.CSS公式ページ

作りました

【black-out.css

2008.9.13 23:30 追記

2008.8.10 22:29 追記

エントリは、下記の方におすすめ情報でございます。

  1. Firefoxユーザーである(※他ブラウザでもいけます。が、当エントリでは導入方法を紹介していません。追記したbookmarkletだとoperasafariなどのブラウザでもすぐにお試しできます)
  2. Firefoxのアドオン「stylish」を入れている。もしくは必要なら入れてもいいって人。
  3. mixiPCで使っている場合)右に出てくる鬱陶しいバナーうんざりしていたり、日記コミュにしか興味がない人。
  4. お気に入りのブログが、情報源の質には満足しているが左右のアフィリが鬱陶しい点を残念に思ってる人
  5. コンソール(CUI)が好きな人、シンプルなのが好きな人、ぶっちゃけ文字以外用がないのに飾りの画像とかWEBにいらねーよと思ってる人
  6. カラム、2カラムレイアウトのせいで、目線が左右に移動しないといけないのがイラっとくる人、コードは上から下だけでいいだろって思っている人
  7. リンクテキスト探しがきらいな人、どこがリンクがすぐに知りたい人
  8. 背景色が明るいのが目が疲れる人、壁紙も黒にしちゃってるような人、長時間ネットまくりなんで目が疲れにくいのがいい人
  9. サイトによって極端に読みにくいサイズや色のテキストがあることに普段からイラっときている人

要は、LynxのようなシンプルWeb世界がなればいいのになと思っている方。

そして、どんなサイトでも目線は左右に動かしたくない!スクロールは上下だけで済ませたい!

と、強く考えておられる方むけの情報です。



何を作ったの?

私はテキストブラウザLynxを時々使っているのですが、これでサイトを見るとシンプルに見れるのですごく良いんですよね。

ただ、LynxFlashとか画像が見れないし、マウスが使えないのはいざって時にちょっと不便。

で、Firefoxテキストブラウザ化できないかなあと、ふと思いまして、思いつきで作ってしまいました。

私めもwebデザイナーやっとるんですが、上記のように、昨今のwebデザインなんて普段はなくていいって思っている奴でして。

仕事じゃ3カラムサイトとか作りますが自分はそんなん好きじゃないです。色がサイトごとに違うってのも理解できない。


必要なのは情報であってデザイナーデザインなんてどうでもいいんですよ。

だから2chシンプル画面とか大好きです。


そんな訳で、どんなサイトでもテキストブラウザ状態で閲覧できるFirefox用の拡張cssを作りました(やっつけだけど)。

ただ、ニュースサイト画像が見れないと困る時もあるので、普段は小さなサムネイルで、カーソルを合わせた時だけ大きく表示されるようにしています。


@このcssはコンセプト実証モデルです。思いつきで作ってるのでちょっと問題もあります。フィードバックとか意見など頂けると嬉しいかも。

@将来的には、グリモンjsも組み合わせてもっとコンソールのような感覚ブラウジングできるようにしたい

@(参考用)私のよく見るサイト・・・ニコ動wikipediaスラッシュドットジャパン、2nn.jp2ch)、mixiはてなホッテントリに上がっているブログ各種


ちなみに、こんなん使うな、既にこんないいのあるわいってのをご存知の方は教えてくれると嬉しいです。

それなりに探したのだけど、見当たらなくて・・・だから自作したので。




導入方法について

  1. Firefoxのアドオン「stylish」をインストールします。→ https://addons.mozilla.org/ja/firefox/addon/2108
  2. インストール後、stylishの管理画面を開きます。(Firefoxウィンドウの右下にあるメモ帳っぽいアイコン右クリックスタイルの管理)
  3. スタイルの管理」で「書く」を選択、タイトルはblack-outとかテキトーに入れてください。で、下記のコードを貼付けて保存してください。
  4. どんなサイトでも同じデザイン(コンソールのような画面)になります。なお、いつでもstylishdのメニューでcssの有効/無効は切り替えられますのでご安心を。
  5. テストとして、wikipediaを見てみられると雰囲気が掴めると思います。


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




既知の問題点というか仕様



update

2008-05-19

http://anond.hatelabo.jp/20080518173602

常識とか言うのは所詮惰性だからなー。

これまで4回転職して4回引っ越してる31歳の俺だが、何でも聞いちゃうよ。


銀行の使い方はいつもATMだなー。初めてATM使ったのは大学生の頃だっけ、その辺の係員の人に聞いたはず。

今は逆に例えば窓口で金預けたり下ろしたりしろって今言われたら係員の人に聞くねw

だって分かんないもん。ATMしか使ってないし。順番待ちのチケットの取り方とかは分かるけど、どの用紙がどれに使うとか自信ないよな。

同様に、ATMを日常的に使わない人は使い方分からなくて当たり前だよな。


出張の時なんかホテルチェックイン方法とか1回目は毎回聞くね。

社会に出ると有給の取り方やら出張旅費の精算やらも全部会社ごとに違うんだ。そういうのは全部最初に総務に聞くの。二回は聞くなよw

公共料金の払い方なんて引っ越しの度に必ず聞いてメモを取る。この辺マジヤバイ。場所によって常識が根底から違う。

ゴミの捨て方なんて分別ルールからして複雑だから全部聞いてメモ。この知識はその地域の住人には「常識」だが、知識としての汎用性はゼロ引っ越したらどこの常識も通じない。


ビデオの録画は多分最初から知ってないとマニュアル無しじゃ出来ないね。

1機種やり方知ってたらだいたい共通だとは思うしかなり長期に渡って基本操作は変わってないはずだけど、使わない万人が当てずっぽうで分かるほどでもない。

俺自身ビデオ録画なんて10年以上やってないんでビデオ録画なんかやってことねーよって人は別に特殊ではないと思う。


マスコミの「偏向」なんかは例えば2chの中では、朝日系列反日で全てにおいて中国を支持して捏造しまくっていて、産経系列愛国的で公正で中立な真実正論報道、みたいなことになってるわけだけど、まあこれはネラーの中でだけ通じる「常識」だし知らんと分からん。

だって現実には、バイアスの掛かり方に傾向はあるけど、背景色々あるしもっと混沌としている。

どこで知るかというと、まぁ2chとかそれ系のBLOGとかかなぁ。ああいうとこは「2ch世界観に合致する記事だけが徹底的に抽出される」傾向にあって、例えば朝日中国を擁護したらあちこちにコピペされまくり中国を叩いたらガン無視して無かったことにする、みたいになるわけね。産経誤報は原則スルーとかまぁそういうお約束

だからまぁ、ネラー以外で通じるかというと結構微妙だよ。2chからのリンクではなく能動的に新聞読む人は多分ああいう見方にはならないし。


常識」だとか「聞くのは恥」だとかいう人は逆に世界観が狭い人。

だってゴミの捨て方が常識とか、あるわけないじゃん。そういうこと言えるの、ろくに引っ越したことない人だよね。

ATM常識って人は、大学生まで銀行ほとんど使わないようなライフスタイル想像出来ないとか、窓口だけで銀行使う人(老人には多い)を知らないとか、そういう人だよね。初めて使うATMを当てずっぽうで使った時の誤操作リスクとか想像も付かないわけだよね。

世の中ローカルルールローカル常識は山ほどあって、結構多くの人がそのローカルでは普遍ルール普遍常識だと思いこんでいる。

だからそういうのを訊ねたら「常識知らないバカ」といった見方をされるかもしれないけど、そんなの気にすんな。

それこそバカと思ってる奴がバカなんだから。

2007-10-05

mixiデザイン

数日使って思ったこと

白い

白い白いと言われているが、おそらく問題は白の面積ではなく、明るいオレンジにあると思われる。

白さの面積で言えば、この増田も良い勝負。

前のオレンジは、オレンジでも明るさ抑えめの配色だったので、背景色にしても、

それほど違和感はなかったが、今回のオレンジは、背景色にするにはやや明るすぎの感がある。

サムネイル画像のみの表示

最新アルバム動画ミュージックに表示される部分が、画像のみであるため、

一体全体、何のアルバム(又は動画ミュージック)であるのか、判別つかない。

また、imgタグにalt属性タイトルを指定しているが、alt属性Firefoxではマウスオーバー時にポップアップ表示されないため、

title属性も付加すべきだろう。

まぁ、それよりも大人しく、文字によるタイトル表記をすべきだと思うが。

広告

丁寧に、AdBlockブロックされないように対策が施してある。

これは、mixiも慈善事業じゃないので、いたしかないところか・・・

たしかに横幅が広いが、ユーザースタイルシートも出回っているので、それで対応可能。

MacOS 9問題

未だに古い、セキュリティホールだらけのOSブラウザを利用しているのは信じられない。

これを機にMacOS 9ユーザは推奨環境に移るべきであろう。

もしくは、Firefoxの最新版を自らの手で移植すべきだ。

ソースコードは公開されているのだから。

統一感のなさ

端々に古いデザインが残っていたりして、統一感が欠けているので、

どうにも居心地が悪い。

上部にある2段構えのメニュー

1段目がユーザー全体のデータベースアクセスする必要があるメニューで、

2段目のメニューが、現在閲覧中のユーザデータベースアクセスする必要があるメニューとなっている。

たしかに、開発側からしてみると、このようになってしまうのかもしれないが、同じような項目が並んでいるので、

ユーザにとっては一見して分からない、失敗したユーザーインタフェースといえよう。

しかし、メニューの項目が1つしかないのは、何かのジョーク

2007-08-27

http://anond.hatelabo.jp/20070827190607

サイトデザインをがらりと変えたら、とある人から「今の背景色は私の好きな色じゃない、残念。来る頻度が減るかも。」と言われた事がある。

好みの話をされても、なんて反応してよいのやら困るね…。

2007-06-15

同人サイトはじめて三年ぐらいだけど

検索避け意識したのは一年ぐらいあとかな。

理由は関係ない一般人がショックを受けないようにするためより、検索で情報を探す人にどうでもいい創作物がかからないようにするためっていう割合の方が大きかったけど。

(作品そのものの情報が欲しいのに、同人サイトサイト名あるいは注意書きに入ったジャンル名で検索上位にきて邪魔なときがある)


検索避けにこだわる人にかぎって、無料鯖メタタグしか知らないサイトも多いんだよなあ。

には同意。

そういう人たちは、表示義務のある広告無駄な改行で下のほうに追いやったり、CSSリンク色を背景色に紛れ込ませたり、#name指定で見えないようにしてしまったりしている率も高い気がする。


http://anond.hatelabo.jp/20070615155505

追記

あと、作品名じゃなくて一般的な語句で検索にかかるのはトップページじゃなくて作品ページそのものだしね。

2007-05-22

ウェブ2.0時代のウェブブラウザに求めるもの

ウェブ2.0の次は? なんて話も散々既出だが、肝心のウェブブラウザがろくに進歩してないじゃないか。というわけで、ほろ酔い気分の俺がウェブブラウザ中の人たちに要求したいことが4つほどある。

まずはHTMLIECSSの対応のまずさは今や誰もが知るところだが、そもそも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ブラウザは既に存在するが、そういうのをウェブブラウザデフォルトで装備していても良いと思う。OperaBitTorrentUAを持ってるように。まあ、無くても良いけど。

4つ目はウェブブラウザの話ではないが、ウェブ向けの画像、音声、動画などの形式が開発されるべきだと思う。というのは、……めんどくさくなってきたので以下適当に箇条書き。各自脳内でつなげて補完しやがれです。

2007-04-22

デスクトップ壁紙

今までディスプレイの解像度ぴったりの壁紙にこだわってたけど、なんだ、別に壁紙のサイズが小さくても背景色カバーすれば映えるじゃん。最近吹っ切れた。どうでもいいことだけど。どうでもいいことにこだわっていられる年齢じゃなくなったってこと。

今は無地。http://bb.watch.impress.co.jp/cda/desktop/17468.html これにそっくり。自分はゴミ箱とマイコンピュータとボリュームコントロールがあるだけ。青い背景ももう少し暗い。クラシックも同じだな。こんなんかショートカットだらけのどちらかって両極端なのがゲーマーに多い。

- 転職ならen
- 派遣ならen
 
1ページ中1ページ目を表示(合計:23件)