CSS

はてなブログのスマホ表示で記事中のソースコードを折り返さないようにする

はてなブログでソースコードをpre記法などで書くと、PCなら横に伸びた分はスクロールできますが、スマホだと折り返しされて下に伸びることに気がつきました。 PCでの表示 スマホ(iPhone 6)での表示 横へスクロールさせるためにoverflow-xを設定しても変わり…

CSSでline-heightによる行間の比較

CSS

CSSのline-heightで段落などの行間を設定できますが、このブログでは1.7が設定されています。(PCの場合。スマホだと1.8) すっかりこの表示に慣れてしまったので、改めて見え方を比較してみることにしました。以下はダミーの文章で、line-heightの数値だけを…

はてなブログで記事を下書きに保存すると設定したカテゴリーの見た目が変わる

はてなブログで記事にカテゴリーを設定するとこんな感じで表示されますが 記事を下書きに保存してから再度記事を開くと表示が変わってしまいます。 新しくカテゴリーを設定してみると、そちらの表示は従来通り。 Chromeのデベロッパーツールで見てみると カ…

CSSではてなブックマークブログパーツを中央寄せにする

以下の記事を読みました。 これでスッキリ!とても簡単、左寄せになってしまうブログパーツを中央に配置する方法 - あんこの中身ankononakami.hatenablog.com align属性じゃなくてCSSで実現した方が…と思いやってみた次第です。 リンク先からブログパーツの…

Chromeのエクステンション「Stylish」ではてなブログの管理画面のアクセス数を非表示にする

この記事の続きです。 sprint-life.hatenablog.com StylishはChromeのユーザースタイルシートを編集できるエクステンションだそうで。 chrome.google.com 前回の記事を書く時に名前は見たものの、ローカルで簡単にできないか。という思いもあってスルーして…

ブログについたはてなスターを非表示もしくは削除できるようになってほしい

はてなスターを削除する必要なんてないだろうと思っていたんですが、 初めてスパムと思われるブログのユーザーからはてなスターをつけられていました。 自分がつけたスターは削除できるものの、ブログのコメントのように管理者による削除はできません。 id:c…

Perfume 5th Tour 2014「ぐるんぐるん」の特設サイトのロゴをぐるんぐるんさせ続けるスクリプト

8月からスタートする、Perfume 5th Tour 2014「ぐるんぐるん」の特設サイトが公開されました。 Perfume 5th Tour 2014「ぐるんぐるん」 ページを見てもらうと分かるかと思いますが、ロゴマークの上にマウスのカーソルを合わせると回転します。ツアーのタイト…