タグ

ブックマーク / saruwakakun.com (5)

  • 【2020年版】Twitterカードとは?使い方と設定方法まとめ

    今回はTwitterカード(ツイッターカード)の使い方と設定方法をまとめて解説します。「Twitterカードって何?」というところから解説するので、ご存じの方はサクッと読み飛ばしてください。上手く設定すれば、記事拡散時のクリック率がグッと上がるはずです。 1. Twitterカードとは? Twitterカードとは、ツイートに貼り付けられた記事へのリンクを魅力的に見せる機能のことです。具体的にはツイートの中に「アイキャッチ画像」や「記事のタイトル」などが表示されるようになります。

    【2020年版】Twitterカードとは?使い方と設定方法まとめ
    tk18
    tk18 2021/07/25
  • CSSで作る!吹き出しデザインのサンプル19選

    今回は、画像を使わずにHTMLCSSだけで作るで吹き出しのデザインサンプルを紹介します。シンプルなものから、円形、会話形式、LINE風のものまで一挙にまとめました。HTMLCSSはコピペして使うことができます。 レスポンシブ対応 以下で紹介する吹き出しデザインは(円形のものを除き)、文字が右端まで達すると、次の行へ折り返すようなレスポンシブ対応になっています。 使い方(初心者向け) CSSが反映されないときはこちら シンプルな四角い吹き出し4つ 最もシンプルな形です。三角形の位置を上下左右に配置したサンプルをそれぞれ紹介します。コードを見てもらうと「#e9edff」と書かれた部分が2カ所あると思いますが、これが背景色を指定するコードです。お好みで変えて頂ければと思います。 ちなみに下から伸びる三角形は疑似要素(before)で表現しています。興味のある方は下の記事に目を通してみてくださ

    CSSで作る!吹き出しデザインのサンプル19選
  • 【CSS】opacityで画像や文字などを透過させる方法

    今回はCSSのopacityプロパティを使って、画像などの様々な要素を透過させる方法を解説します。 CSSのopacityの書き方 CSSではopacityというプロパティで透明度(透過度)を指定することができます。書き方は以下のようになります。

    【CSS】opacityで画像や文字などを透過させる方法
    tk18
    tk18 2020/05/23
    opacity: 透過度
  • ★イメージで学ぶ!CSSのpositionプロパティの使い方

    今回はCSSのpositionプロパティについて解説していきます。基礎知識から「具体的にどのように使えるのか」というところまでみっちり解説します。

    ★イメージで学ぶ!CSSのpositionプロパティの使い方
    tk18
    tk18 2019/06/02
  • 力尽きレシピ〜簡単ズボラ飯のレシピ集〜

    夜遅く仕事や学校から帰ってきたときや、料理のやる気が出ないとき、時間がないときのための簡単レシピ集です。混ぜるだけや電子レンジでチンするだけで出来上がるようなズボラ飯の作り方を中心に紹介していきます。 簡単レシピの探し方 料理に必要なHPとは、その料理を作るのに必要なエネルギーのことです。このパーセンテージが低いほど「料理を作るのが楽」ということを表しています。 作るのにそこそこ体力が必要です。それでも、比較的カンタンなレシピが中心です。複雑なレシピや作るのに何時間もかかるようなものはありません。 体力が尽きかけているときでも作れる料理です。必要な材も少なめです。 「今すぐベッドに飛び込んで寝たい…!」という力が尽きてしまったときのための超カンタンなズボラ飯です。ヘロヘロになりながらも作ることができます。 ズボラ飯でも美味しい

    力尽きレシピ〜簡単ズボラ飯のレシピ集〜
    tk18
    tk18 2017/09/10
  • 1