タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

cssとhatenaとdesignに関するkoyhogeのブックマーク (4)

  • エントリーページがまたうんこ化したのでusercssを書いた - いさぢちんメモ

    はてブのusercssは他にがっつり書いてる人がいて乗り遅れた感がありますが、毎回書いているので。 コメントを一覧表示するページをリニューアルしました - はてなブックマーク日記 - 機能変更、お知らせなど 配色はともかく、シングルカラム可変幅にして、コメントを1行にするだけでずいぶん印象が変わるのに、どうしてそれが出来ないのか。前回のエントリーページデザイン変更のときから疑問に思っている。 スタイルシート /*20130321はてブエントリページ対策*/ ul.ad-head-text, div#sidebar-inner {display:none!important;} div#container, div.box3_2, div.entry-contents, div.box-wrap {width:auto!important;} div.box-wrap.box2.mix {b

    エントリーページがまたうんこ化したのでusercssを書いた - いさぢちんメモ
  • ブログとデザイン - nitro_idiot’s diary

    僕はシンプルなデザインが好きです。 その点、はてなブログのデフォルトのデザインは気に入っています。非常にシンプルで、押し付けがましいこともありません。なので今まで使ってきたのです。 しかし、はてなブログも使う人が増えてきました。多くの人はデフォルトのデザインのまま使っているようで、フィードからふらっと他人のブログに入ると、あ、同じテーマだ、ってことがしばしばあります。すると、他人が自分のブログに書き込みをしているようで妙な気持ちになります。 なのでブログのデザインを変更しました。 縦書きにしたり *1、右カラムを消したり、CSSで変更できる範囲で変更してみました。今のところはてなブログで縦書きのものはまだなさそうなので、このデザインならば他人のブログと間違うことはなさそうです。シンプルさを失っていないし、とても気に入っています。 ただ、問題もあります。縦書きにすると記事単位で水平スクロール

    ブログとデザイン - nitro_idiot’s diary
    koyhoge
    koyhoge 2011/12/02
    Chromeで見ると縦書きブログ。Firefoxではまだ横書き。
  • tech.nitoyon.com@hatena - はてブのCSSをカスタマイズしてみた

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

    koyhoge
    koyhoge 2007/01/27
    お見事。分かりやすいWebデザインのアプローチ。
  • その場でデザイン編集@はてな

    概要 はてなダイアリー、はてなグループ、はてなブックマーク、はてなアンテナのデザインをその場で編集します。 ダウンロード hatenadesigneditor.user.js スクリーンショット 使い方 まず編集ウィンドウを出します。 Operaの場合ブックマークレットを使います→デザイン編集 Firefoxの場合メニューのツール→User Script Commands→edit Hatena Designを選んでください テキストエリアにスタイルシートを入力して「プレビュー」を押してやると、その場でページのデザインが変わります。 テーマの変更もできます。この時点ではまだはてなのサーバーに情報は送られていません。 今選択しているテーマのスタイルシートを確認したいときは「CSS」を押すとcssファイルを別ウィンドウで開きます。 間違えてしまってやり直したい、というときには「やりなおし」ボタ

    その場でデザイン編集@はてな
  • 1