わたしと納豆ごはん

納豆、Web、雑記など

Web

はてなブログのAMPに使える、超簡単なCSSの設定やサンプル集

前々回と前回と続いたAMPの記事も今回で最終回です。今回ははてなブログのAMP CSSで、実際に使えるCSSをいくつかご紹介します。といっても、特別難しいことはありません。AMPページを開いてデベロッパーツールなどで見ていただけたら分かりますが、構造自体…

はてなブログでAMP CSSを設定するときに、気をつけなければいけないCSSの書き方

前回の記事では、はてなブログの記事(HTML)に関する、気をつけておきたいことを紹介しました。今回は、はてなブログのAMP配信で設定できるようになったCSSの設定についてです。記事、つまりHTMLに関しては、はてなブログ側がほとんど自動で変換してくれる…

はてなブログでAMPを配信する際に、気をつけておきたい記事の書き方

はてなブログでAMP配信がスタートし、つい先日、CSSを設定することが、できるようになりました。AMPに適用するCSSを設定できるようにしました - はてなブログ開発ブログこれによりAMPでもデザインがカスタマイズできるようになり、このブログでもCSSを設定し…

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

CSSのposition:relativeとposition:absoluteを使ったデザインがありますが、意外と子要素にposition:absoluteを指定していても、親要素のtext-alignやvertical-alignなどの影響を受けるときがある、といった話です。

CSSでツムツム風の縫い目付きボタンを作ってみた

【追記 (2017/04/07):Flexbox(フレキシブルボックスレイアウト)対応ブラウザが増えてきたので、Flexboxを使ったCSSに一部を大幅変更しました。】今回はCSSの話です。みなさんは「ツムツム」というゲームをご存知ですか?ツムツムとはツムツムと呼ばれるぬ…

【2017年度版】はてなブログ初心者に教えたい、知っておくとちょっと幸せになるかもしれない機能や仕組みのあれやこれ

もうすぐ3月も終わり、新年度が始まろうとしています。新スタートです。 新年度と言えば、そう、はてなブログユーザーが増える時期です(特にそういうデータがある訳ではなく、わたしの勝手な想像です)。 今回の記事ですが、はてなブログ初心者のブロガーさ…

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

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

はてなブログで、HTMLをスマホやアプリから思いっきり書く方法

スマートフォンからなかなか出来ないはてなブログの記事のマークアップを、モバイルから直接記述する方法です。

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

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