読者です 読者をやめる 読者になる 読者になる

納豆、Web、雑記など

はてなブログのパンくずリストを、CSSだけでどうにかする

Web HTML・CSS はてなブログ 小ワザ
pane

今回ははてなブログのカスタマイズに関係したCSSの記事です。

はてなブログにはパンくずリストがあります。

staff.hatenablog.com

だが、このパンくずリスト、記事タイトルが長いとリストも長くなり、見づらくなります。

特に右端で改行して2行以上になると、見にくいだけでなく、ブログのデザインが崩れることもあります。レスポンシブ対応にしてスマホで見ると3行以上になることもあります。

これをCSSでどうにかしたい!というのが、今回の記事です。

続きを読む

【最強かもしれない】ふわとろ納豆オムレツを食べたら衝撃的に美味かった話

納豆 薬味・合わせ物
Broken

みなさん、納豆食べてますか?

今回は最近見つけた納豆の食べ方で、「これ最高じゃね?」と思ったものを紹介します。

と言っても、はてブで紹介されていたので、知っている方も多いと思いますが…。

続きを読む

弁慶納豆と、報告など

雑記
Benkei

前回の記事で牛若納豆を紹介しましたが「牛若があれば弁慶なんてのもないかなー」と漠然と考えていたのですが

ありました、弁慶納豆。

この納豆、なんと和歌山県産なのですね。知らなかった。「日本全国納豆の旅」の和歌山はこちらにしたほうが良かったか…。わたしの検索力もまだまだです。

ひさひざの更新です。ご無沙汰しております。

今回はちょこちょこしたものを、ちょこちょこご報告したいと思います。

続きを読む

京都のご当地納豆「牛若納豆」を食べました(あと京都の情報も少しだけ)

雑記

Kyoto - Japón

先月末、京都に行ってきました。

その時は紅葉にはまだまだ早く、色づいた葉はほぼなかったのですが、それでも京都は肌寒く、秋の感じを十分感じることができました。

その京都でご当地納豆「牛若納豆」を購入し食べたので、そのレビューなどを書いてみます。

続きを読む

position:absolute は位置指定をしていないと親要素の影響で思わぬ動きをするときがある、という話

Web HTML・CSS

HTMLをCSSでデザインするときに、要素を重ねることがありますよね。

例えばdivやspan要素、擬似要素:before:afterを重ねて一つのデザインを作る、なんてことはよく使われる方法です。

そのときよく使われるCSSがpositionプロパティです。

このプロパティなのですが、親要素と子要素の表示形式やプロパティによって、いろいろややこしかったのです。

続きを読む
TOP