[B! css] hatayasanのブックマーク

id:kiya2015のはてなスター連打があまりにもウザイので非表示にするCSS書いたよ

http://h.hatena.ne.jp/Mukke/316607207759929868 このやり取りを見た感じでは本人に文句を言ってもダメそうなので自分で何とかするしかないですね @-moz-document url-prefix("http://b.hatena.ne.jp/") { a[href="http://b.hatena.ne.jp/kiya2015/"] {display: none;} } 困ってる人多そうなのでStylish入れて上記で試してみてくださいはてなスターって使い方によっては迷惑行為が可能なので、公式で任意のユーザーのスターを非表示にする方法を用意して欲しいですね＝＝＝＝＝＝＝追記：公式で☆非表示にする方法があったようなのでブクマ参

hatayasan 2014/01/17

スターの連打は正直気が滅入ることがある。

hatenas
css

リンク

無断スタイルシートOff禁止って言われた人が経緯をまとめるよ！ - 最終防衛ライン3

今度は無断スタイルシートOff禁止ですってよその場でスタイルシート切ればいいじゃんと言ったら予想の斜め上を行く反応された本人がまとめるよ。ウォーターエネルギーシステム、水発電ジェネパックスの水発電は、発表当初こそ﹁水を酸素と水素に分解し、水素で発電。つまり水だけで発電できるクリンエネギー﹂等と発表してました。しかし、蓋を開けてみれば金属あるいは水素化金属と水を反応させて水素を発生させてるだけでした。この場合、水酸化物が出るし、そもそも金属が消費されるし、金属の精製にはエネルギーを大量に使うしで、水だけで発電する訳でも、全然クリーンでもない代物でした。さて、ウォーターエネルギーシステム、水発電のコメント欄さっそうと現れた、アンチ目的の﹁でんすけ﹂氏。のっけから科学リテラシが最も高いと言われる掲示板と聞いてやってきましたが，率直に言ってがっかりしました。 105. でんすけ —

hatayasan 2008/06/24

日経の会員制登録サイトの一部はCSSを切れば登録しなくても見られるらしい/なんか賑わってるな。

css
netwatch

リンク

「メタボなHTML」も大事かも：ekken

技術系の人の中には、より正しいHTMLで書く事を目標としている人がいて、確かにその方が読みやすい文章のことが多いと感じるのだけど。メタボなHTML | オトコのキモチ２ align="center"というのや，<td width="200" bgcolor="#CCFFFF">というのや，見た目を整えるための属性。 <br> <br> <br> <br> なんてところもあるな。はっきり言って，﹁メタボ﹂ですよ。﹁見た目はCSSで整える﹂というのは、読み手にとって好みのデザインで読むことができるので、考え方としては理解できる。書かれたテキストの内容だけが正確に伝わればいい文章、たとえば何かに対する意見文だとか説明文の場合は、贅肉をそぎ落としたHTML のほうが読みやすい。だけど創作文の場合は、そうはいかないのではないか、と思った。僕が不勉強なだけなのかもしれないけれど、﹁贅肉をそ

hatayasan 2008/04/10

心情をコードの視点から評するのはちょっと興ざめかも。/PDFはたしかにいいアイデア。

リンク

HTMLの質の追求は、モバイルがきっかけでブレイクする。

Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。しかし、それは現場では間違いではなかった。 2002～2003年頃は、ネスケ4を切るための理由がなかったのだ。ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末︵あえて言ってみる︶なことで、ビジネスの機会損失になることは許されない。もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。そこにハマったのが、MovableType︵blog︶とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。ずばり、この二つのキーワードが

hatayasan 2007/08/30

「今までモバイル環境からPCサイトにアクセスするという導線はあまり意識されていなかったと思うが、今後この導線が重要になっていくべきだ」

リンク

マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記

はじめにこのエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。きっかけライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後に Twitter に書き込みました。濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS ではもうこれ以上すごいと呼ばれる人なんて増えないと思う。 http://twitter.com/amachang/statuses/191256222 ﹁CSS 道﹂は道が短すぎるんだ。マーケティングの為に長く見せてるけど、実際覚えることは少ない。﹁デザイン﹂か﹁JavaScript﹂を職業に出来るくらいにしとかないとヤバいと思う。 http://twitter.com/amachang/statuse

hatayasan 2007/08/11

スキルやノウハウがコモディディ化していく前にできることは何だろう、という話。

リンク

Latest topics > CSS Niteにまつわる一連のアレを見て思った事 - outsider reflex

Latest topics > CSSNiteにまつわる一連のアレを見て思った事宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画﹁シス管系女子﹂を連載させていただいています。以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « XUL/Migemo 0.7.6 Main古参感情、古参チマンの正体についての考察 » CSSNiteにまつわる一連のアレを見て思った事 - Jul 19, 2007 amachangさんのエントリと金子さん(刺身さん︶とのやりとりとを見ていて、どうにも違和感をぬぐいきれなかった。僕の中ではamachangさんの人間像というのは、朗らかで健全でモテ系で努力家でイケメンでスーパーハカーで非の打ち所のない人、という印象だった。なので、そのamachangさん自身が﹁外見で他人を差別すること﹂に殊更嫌悪感を表明してい

hatayasan 2007/07/20

全体の利益が極大化される過程で先人の築いた礎が蔑ろにされた、という話なのだろうか。

リンク

Web標準XHTML+CSSデザインクリエイターが身につけておくべき新・100の法則。

この度、共著という形で (X)HTML、CSS 関連の書籍を出版することになりました。書籍のタイトルは﹁Web標準XHTML+CSSデザインクリエイターが身につけておくべき新・100の法則。﹂。タイトル長いです。っていうか最後の﹁。﹂が気になって眠くなるまで眠れません。インプレスさんから7月3日の火曜日に発売されます。すでに amazon さん始め、各オンライン書店では予約が可能になっています。著者は、﹁WWW WATCH﹂の加藤さま、﹁ネットのサラダボウル﹂の両見さま、それに﹁CSS HappyLife﹂の平澤ってヤツの3名による共著です。内容としては、amazon さんに掲載されているとおり。デザイン的なテクニックだけで満足していませんか？デザインを忠実に再現するだけではない、ワンランク上の実践的コーディングノウハウを解説。Web標準サイト制作を行う上で基本と

hatayasan 2007/07/02

リンク

はてブの見た目をいじって印象を変えてみよう - 聴く耳を持たない(片方しか)

池田信夫 blogはてなの逆淘汰こちらから、はてなブックマークのコメント欄について色々と議論があるようです。結論から言えば、批判を見たくないならわざわざ確認しない方が精神安定上はいいと思うのですが、それでも見てしまうという心理も分らなくはないです。なので、ユーザースタイルシートを使って、もうちょっと見た目を変更し、コメントから受ける印象を和らげる方法を考えてみました。ちなみに、あまり知られてないようですが、特定のユーザーのみコメントを表示しない、という機能は既にはてなブックマークに実装されていますので、それはそちらで設定して下さい*1。語尾を変える参考‥はてブコメントポジティブCSS | userstyles.org こちらを応用して *2 ↓ と変えてみましょう。設定するユーザースタイルシートはこちら @-moz-document domain("b.hatena.ne.

hatayasan 2007/06/16

スタイルシートでコメントの内容を変更できるのですね。これはドキドキもの。

リンク

WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳

hatayasan 2007/05/31

リンク

萌え理論Blog - CSSまとめ

解説 CSSとは CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。CSSを使わなくてもHTMLで直接デザイン*3できなくはないですが、CSSを使った方が標準的で効率的です。例えば100枚のHTMLファイルを一つのCSSで一括して指定できます。また、はてなダイアリーもそうですが、ブログのデザイン指定にも使います。基本スタイルシートの基本 -- ごく簡単なHTMLの説明よく使うCSSの話|基本編 CSSNite Vol.7: Web制作現場の対立を解消する！XHTML+CSSガイドライン作り [1] 一覧とほほのスタイルシート入門︻HTMLタグの簡単検索︼TAG index - Web制作情報レイアウト CSSによる段組︵マルチカラム︶レイアウト講座スタイルシートによる崩れない　2カラム　3

hatayasan 2007/03/26

リンク

お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::

Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん練習することが上達するための何よりの方法だと思います。そんなお手本にしたいきれいな Web デザイン︵CSS︶ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。01CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。03CSS Impress ブログデザインの参考に04CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい05CSSclip |

hatayasan 2007/03/18

リンク

tech.nitoyon.com@hatena - はてブのCSSをカスタマイズしてみた

hatena毎日使っているのにデフォルトのスタイルのままになっていた﹁はてなブックマーク﹂の CSS を変えました。こんな感じです。 b:id:nitoyon﹁はてブ﹂の何となく分かりにくい部分を、分かりやすく見せることを目標に作ってみました。以下では、今回のデザインでこだわった﹁タイトル部分のアイコン﹂と﹁コメントのふきだし﹂について簡単に説明してみたいと思います。タイトル部分のアイコンまずは、タイトル部分。デフォルトのタイトル部分のアイコンや数字の羅列は意味が分かりにくいですよね。マウスを乗せたらツールチップで説明が表示されるのですが、なんか直感的じゃない。この部分の数字の意味を分からずにはてブを使ってるひとも多いのでは…。なので、画像を書き換えて分かりやすくしてみました。RSS の青くてかっこ悪いアイコンも、オレンジ色のおしゃれなやつに。いろんな人にお気に入りにいれてほしいので、

hatayasan 2007/01/27

リンク

デザイナー必見。CSS デザインで被リンクを獲得する方法 | 住太陽のブログ

検索マーケティングとは、SEO戦略とPPC戦略を組み合わせて、ユーザーの検索クエリに基づいて検索エンジンからの集客を最適化するマーケティングのプロセスです。元々は﹁検索エンジンマーケティング﹂と呼ばれていましたが、最近ではより短く﹁検索マーケティング﹂と呼ぶことが多くなっています。 SEOでホームページからのお問い合わせを増やす最も簡単な方法は、ロングテール・キーワードでSEO集客した訪問者を、問い合わせの獲得に特化したランディングページへと誘導する方法です。上位表示が容易なロングテール・キーワードを狙うことで、速く確実に結果を出すことができます。

hatayasan 2007/01/25

CSS
summary

リンク

他社と比較して、はてなのテーマファイルはそう劣ってないと思うんだけど - 妄想科學倶樂部

最近になってはてな以外のBlogサーヴィスを3つほど使ってみて思ったことだけれど、はてなのデザインテーマの質は決して悪くない。いや、悪いと思っていたわけではないのだけれど、一時期そういう意見をちらほら見掛けた記憶があったもので。はてなでも他社でも、大概はユーザがテーマを自作して投稿可能になっている。これによって内部スタッフのみでは得られない量をカヴァーするのだけれど、そういうテーマの多くは概して質の高いものではないことが多い。デフォルトテーマを少し改変しただけのものだったり、妙なセンスだったり。で、その辺りは少数の優秀なユーザと社内デザイナで補う。はてなの場合は初期にデザイナ不在で、tDiary互換とすることでGPLなテーマを取り込んだのだけれど、これは正直なところあまり見栄えのするものではなかった。この辺りが﹁デザイン悪い﹂の印象に繋がっているのだろう、多分。それははてなも認識して

hatayasan 2007/01/16

「在野からデザインを募ったりもして、とりわけ優良なものを公式に採用して「かんたんデザインテーマ」として利用し易くした。こういうシステムは(私の利用した範囲では)他にない」

リンク

suVeneのあれ: ぶよぶよスクロール

2007年01月10日ぶよぶよスクロールうちのブログが IEコンポーネントのブラウザで見るとぶよぶよすると、前から知人に言われていたのだが、「俺FireFoxやからええわ」と思って放置してた。すると先日 id:hashigotan に suVeneさんのブログはSleipnirではブヨブヨしてスムーズにスクロールが出来ない heartbreaking. 最近、気付いた事とか…と、指摘されたので今度直そうかなぁ～と思ってたら # 2007年01月10日 yumizou yumizou 言葉「ぶよぶよスクロール」 # 2007年01月10日 hatayasan hatayasan blog, webdesign suVeneさんのブログはRSSで読むことが増えましたね。コメントとか読みこぼし多いかもしれない # 2007年01月10日 kanimaster kanimaster ha

hatayasan 2007/01/10

うおっ、快適や！

リンク

http://blog.goo.ne.jp/funamushi2/e/c38573792364e4ba18f7220b326d6275

hatayasan 2007/01/03

猫がいいですね。こうやってCSSを持ち寄ることができれば、もっと柔軟なカスタマイズができるかもしれない。

リンク

「旅行びと日記」日記: はてブ個人ページのカスタマイズ方法

この記事は移動しました URL: http://blog.rocaz.net/cgi/article.cgi?t=2006/02/18T19:01:00

hatayasan 2007/01/01

カスタマイズにあたってはこれも参照。→http://b.hatena.ne.jp/entry/333092（メタブクマ）

リンク

LOVE IS DESIGN - ちょっとしたメモ風のCSSデザイン

時々、引用以外に blockquote 要素で枠や色をつけているのを見かけますが、本来は引用箇所を示すものなので、自分の文章に使うのはおかしいですよね。そこで、角丸ジェネレーターとメモ風CSSライブラリーのご紹介です。わたしはよくツールの紹介をするので、使い方の説明などをちょっと目立たせたいなということがあるのですが、そんなときに使ってみてはいかがでしょうか。 Cornershop ▲Create Graphicsをクリックするとこんな画像ができます。︵↑クリックで拡大︶

hatayasan 2006/11/10

リンク

はてなダイアリーデザイン管理機能リリース - はてなダイアリー日記

はてなダイアリーで、自分のヘッダ、フッタ、スタイルシートで記述した内容を保存し、また公開することで他のユーザーと共有することができる「デザイン管理」機能をリリースしました。デザイン管理機能へは、「管理ツール」の「デザイン」メニューからアクセスしてください。またこれに伴い「かんたんデザイン」と「詳細デザイン」の切り替えを画面左上のタブで行うようにしました。今回の機能追加の内容をわかりやすい動画でご覧いただけます。以下のプレーヤーから再生してください。以下、詳細な説明です。デザイン管理機能デザイン管理画面では、すでに現在利用中のデザインセット( 「ユーザー名さんのデザイン」 )が保存されています。変更したいデザインを選択し、「デザインを適用する」をクリックすることで複数のデザインを使い分けていただくことができます。現在のデザインを編集するにはアイコンを、新しくデザインを作成するには