わたしと納豆ごはん

納豆、Web、雑記など

小ワザ

【ちょい足し不要】タレと混ぜ方だけで納豆を美味しくする3つのコツ

少しのことで納豆の美味しさアップ。すぐにでも使える、まとめ的小技集です。

はてなブログのAMPで、SNSボタンのデザインをCSSでアレンジ

超久々にWeb系、はてなブログのカスタマイズに関する記事を少し。といっても小ワザですが(笑)はてなブログでもすっかりお馴染みのAMP配信ですが、カスタマイズの自由度が低いのが欠点ですよね。記事本文の自由度は高いですがそれ以外、例えばSNSボタンなど…

粘りの強いニクい奴! 取れない納豆のネバネバを綺麗簡単に取る方法

納豆はご存知の通りネバネバしているのですが このネバネバが茶碗や容器にくっついて、洗ったり流したりするのに面倒、という話を見かけます。 たしかに面倒です(笑) 昔は容器はそのまま捨てていましたし、茶碗を洗うのも苦ではなかったので気にしていませ…

【超小技】はてなブログで日付の表示形式を“年月日“などにするCSS

はてなブログで記事の投稿日時は「 yy(年)- mm(月)- dd(日)」という風にハイフン( - )区切りで表示しています。細かいところまで気にするなら、この表示形式も変えたい所です。例えば「2017年11月16日」という風に変えると和っぽいイメージのテーマ…

【小ワザ】はてなブログで検索ボックス内の文字(プレースホルダー)の変更方法

前々回の記事に続き、プレースホルダーの小技をもう一つ。はてなブログ限定ですが(笑)と言うのも、はてなブログの今(2017年11月1日)のプレースホルダーは「記事を検索」ですが、一年前ほどのプレースホルダーは「ブログ内検索」だったのですね。当時のわ…

::placeholderを使ったプレースホルダーの位置調整と、iPhoneとかだけ位置を個別調整した話

ブログやサイトによくある検索ボックス。はてなブログにもありますよね。この検索ボックスに前もって灰色の文字が書き込まれています。はてなブログでは「記事を検索」と書かれているものです。これ、プレースホルダー( placeholder )と言うのですがこのプ…

Flickr の画像埋め込みの特徴と、はてなブログでの小技と、埋め込みの問題点

はてなブログは Flickr を使って、画像を簡単に貼り付けることができます。このお手軽さ加減はかなりのものです。このブログでもよく使っていました。ただ Flickr は軽くないんですよね、いろいろと。画面だったり、スクリプト使ってたりと。そこで以前、Fli…

img要素にあるsizes属性の変わった使い方(sizesに画素密度メディアクエリを使う)

img要素に sizes属性というものがあります。この属性は srcset属性とセットで使われ、画像選択の際に、読み込む画像の条件を指定することができる属性です。文字で書いたら何だか分かりにくいですよね。サンプルを見ながら解説します。

はてなブログスマホ版のページ内リンク位置調整を無効にする簡単な方法

今回の記事は、前回の記事の延長線上の記事です。そして、非常に短い記事です。なぜ短いかといえば、するべきことが超簡単だからです。前回の記事では、ページ内リンクのズレを解消する方法を記載しています。この位置調整なのですが、もともと固定ヘッダー…

ヘッダ固定時のページ内リンクのズレをCSSだけで解消する3つのテクニック

ブログやサイトで固定ヘッダーを設置すると、気になるモノとしてページ内リンクのズレがあります。ページ内リンクで移動すると、リンク先が固定ヘッダーの下になってしまうというアレです。この解決法としてはJavaScriptで調整するのが無難なのですが、スク…

ミツカン『くめ納豆 丹精』と、京都にまたまた1日バス旅行をした話

以前から気になってしょうがなかった「くめ納豆 丹精」。スーパーで売られている納豆では高額な部類で、なかなか手がだせずにいました。ですが、ついに買いました! ひゃほ~~です(笑)旅先やデパ地下、あと意外な所で意外な納豆が売っているとさくっと買…

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

今回ははてなブログのカスタマイズに関係したCSSの記事です。はてなブログにはパンくずリストがあります。リンク:記事のカテゴリーを「パンくずリスト」として表示できるようにしました - はてなブログ開発ブログだが、このパンくずリスト、記事タイトルが…

納豆のビニールフィルムの取り方など、納豆のネバ糸問題に役立つ(?)6つのFAQ

納豆はネバネバします。 けっこう扱いが大変らしく、イライラする人もいるとか。 たしかに納豆の糸は扱うのが難しい、というのは私も同意見です。巻き取ろうにもどこまでも伸びたり、いつのまにかくっついていたり。 今回はそんな納豆のネバネバした糸につい…

音声入力をiPhone、Googleドキュメント、Windows10と試してみた

音声入力が実際ブログを書くのに使えるのか、調べてみました。