タグ

CSSに関するhatayasanのブックマーク (90)

  • 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入れて上記で試してみてください はてなスターって使い方によっては迷惑行為が可能なので、公式で任意のユーザーのスターを非表示にする方法を用意して欲しいですね ======= 追記:公式で☆非表示にする方法があったようなのでブクマ参

    id:kiya2015のはてなスター連打があまりにもウザイので非表示にするCSS書いたよ
    hatayasan
    hatayasan 2014/01/17
    スターの連打は正直気が滅入ることがある。
  • 無断スタイルシートOff禁止って言われた人が経緯をまとめるよ! - 最終防衛ライン3

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

    無断スタイルシートOff禁止って言われた人が経緯をまとめるよ! - 最終防衛ライン3
    hatayasan
    hatayasan 2008/06/24
    日経の会員制登録サイトの一部はCSSを切れば登録しなくても見られるらしい/なんか賑わってるな。
  • 「メタボなHTML」も大事かも:ekken

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

    hatayasan
    hatayasan 2008/04/10
    心情をコードの視点から評するのはちょっと興ざめかも。/PDFはたしかにいいアイデア。
  • HTMLの質の追求は、モバイルがきっかけでブレイクする。

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

    hatayasan
    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
    hatayasan 2007/08/11
    スキルやノウハウがコモディディ化していく前にできることは何だろう、という話。
  • Latest topics &gt; CSS Niteにまつわる一連のアレを見て思った事 - outsider reflex

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

    hatayasan
    hatayasan 2007/07/20
    全体の利益が極大化される過程で先人の築いた礎が蔑ろにされた、という話なのだろうか。
  • Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。

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

    Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。
  • はてブの見た目をいじって印象を変えてみよう - 聴く耳を持たない(片方しか)

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

    はてブの見た目をいじって印象を変えてみよう - 聴く耳を持たない(片方しか)
    hatayasan
    hatayasan 2007/06/16
    スタイルシートでコメントの内容を変更できるのですね。これはドキドキもの。
  • WEB制作者のための32個のブックマークまとめ(part2)*ホームページを作る人のネタ帳

    WEB制作者のための32個のブックマークまとめ(part2)*ホームページを作る人のネタ帳
  • 萌え理論Blog - CSSまとめ

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

    萌え理論Blog - CSSまとめ
  • お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::

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

    お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
  • tech.nitoyon.com@hatena - はてブのCSSをカスタマイズしてみた

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

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

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

    デザイナー必見。CSS デザインで被リンクを獲得する方法 | 住 太陽のブログ
  • 他社と比較して、はてなのテーマファイルはそう劣ってないと思うんだけど - 妄想科學倶樂部

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

    他社と比較して、はてなのテーマファイルはそう劣ってないと思うんだけど - 妄想科學倶樂部
    hatayasan
    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
    hatayasan 2007/01/10
    うおっ、快適や!
  • http://blog.goo.ne.jp/funamushi2/e/c38573792364e4ba18f7220b326d6275

    hatayasan
    hatayasan 2007/01/03
    猫がいいですね。こうやってCSSを持ち寄ることができれば、もっと柔軟なカスタマイズができるかもしれない。
  • 「旅行びと日記」日記: はてブ個人ページのカスタマイズ方法

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

    「旅行びと日記」日記: はてブ個人ページのカスタマイズ方法
    hatayasan
    hatayasan 2007/01/01
    カスタマイズにあたってはこれも参照。→http://b.hatena.ne.jp/entry/333092(メタブクマ)
  • *LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン

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

    *LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン
  • はてなダイアリーデザイン管理機能リリース - はてなダイアリー日記

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

    はてなダイアリーデザイン管理機能リリース - はてなダイアリー日記
    hatayasan
    hatayasan 2006/11/10
    気になる人のデザインをうまく盗むことができればいいな。
  • http://neta.ywcafe.net/000681.html