永久保存とCSSに関するmimomostyのブックマーク (3)

  • 改行の仕方を間違っていました! - こそだて and… ~絵本で子育て〜

    改行はEnterではなかった! 何も知識がないままブログを開始して 約40日ですが 「改行の仕方を間違っていた」 ということに先日気づきました。 今までも何度か行間が一定でなかったり なんとなく「おかしいな」と思うことは あったのですが、 何が原因なのかは さっぱりわかっていませんでした。 何の疑いもなくEnterキーで 改行出来ていると思っていました。 今まで読みにくい記事を 読んでくださっていた方に 申し訳ない気持ちでいっぱいです。 Enter+Shiftで改行 もしかしたら、私のように知らない人も いるかもしれないのでご紹介。 改行する時はEnterキー+Shiftキーです。 Enterキーだけでは 段落を変えたことになってしまうようです。 行間が広くなってしまっていたのは、 そのせいだったのですね…。 しかも、スマホで読みやすいかなと 改行しまくっていました…。 Chromeboo

    改行の仕方を間違っていました! - こそだて and… ~絵本で子育て〜
    mimomosty
    mimomosty 2021/04/23
    Enter+Shift(…というか「Shift+Enter」)はいつも使っていたけれど、CSSでも代用できるとは知りませんでした…「 .entry-content p { margin:0} 」試してみようと思います。優良な記事をありがとうごうざいました。
  • はてなブログ記事にCSSのみで更新日を付ける【簡単!軽い♪手動】 - 未経験転職

    ふくさぎ 手動だけどめっちゃ簡単で軽いCSSだけで更新日をつける方法を考えてみました!! サンプル 更新日が付いた!! 実装コード(コピペOK♪) この方法を使用する上での注意とメリット 実装コード(コピペOK♪) ①下記を「ダッシュボード→デザイン→カスタマイズ→デザインCSS」の中に記述する! .page-index .entry-date:after{content: none;} ②下記を記事ごとに「ブログ記事編集のHTML編集」の中に記述する! <style><!-- .entry-date:after{ color: #6f8383; content: " ⟳2021-04-15"; } --></style> これだけです!! あとはcontent: " ⟳2021-04-15";←←この中身を更新日に変えてください♪ この方法を使用する上での注意とメリット 【注意事項】 こ

    はてなブログ記事にCSSのみで更新日を付ける【簡単!軽い♪手動】 - 未経験転職
    mimomosty
    mimomosty 2021/04/19
    これはぜひやってみたいと常々思っていました。情報をありがとうございます。ぜひ試してみようと思います。
  • 「叫ぶ」文章を魅力的に表現する!震えるCSSアニメーション【5選】 - 未経験転職

    「うんこぉぉぉぉおおおおおおおおおおおおおおおおおおおお!!!」 叫び 「叫び」を表すのに丁度いいCSSアニメーション【5選】 縦揺れ 横揺れ 斜揺れ 時間差 ゆらゆら 適用方法 「叫び」を表すのに丁度いいCSSアニメーション【5選】 普段は口に出して言い辛い言葉でも、文章にしたらスラスラ書けてしまうことってありますよね! いつもの私生活で感じた不満や出来事をブログで爆発させている人も多いんじゃないですか? 今回はそんなブログの叫びに使えるCSSアニメーションを用意しました ぜひその思いのたけを文章であらわして震わせてみましょう♪ 縦揺れ うわあああああああああああ!!! .buru1{animation: buru1 .1s infinite;} @keyframes buru1{ 0%{transform: translate(0px, 0px) rotateZ(0deg);} 50%

    「叫ぶ」文章を魅力的に表現する!震えるCSSアニメーション【5選】 - 未経験転職
    mimomosty
    mimomosty 2021/04/19
    揺れる文字の作り方。覚えておきたいです。いつか機会があればぜひ挑戦してみたいと思いました。良記事をありがとうございます!!
  • 1