しろくまの日記帳

一瞬でiframeを比率を保ってレスポンシブさせる方法【YouTube動画埋め込み】

2022.10.23

未分類

YouTube動画をiframeで埋め込む際、埋め込みコードには幅が記述されていて、固定されてレイアウトが崩れてしまいがちです。 …

【今すぐ実装】ノートの方眼風デザインCSS

2022.10.17

未分類

背景などで方眼のようなマス目のデザインをCSSで実装するCSSのご紹介です。 実装サンプル See th…

CSSで連番をカウントして表示させる

2022.10.11

未分類

コーディングする際に、「サービスの特徴」や「メリット」、はたまた「よくある質問」など、連番を表示させるデザインはかなり多いと思います。 …

MW WP Formでpタグが勝手に入るのを無効にする

2022.10.09

未分類

MW WP Formでエディター内で改行するとpタグやbrタグが自動で入ってしまうため、意図しないデザイン崩れが発生してしまいます。 …

文字(テキスト)を円形にして回転させるアニメーション【CSSとSVGで】

2022.10.07

未分類

文字が円形になってぐるぐると回転しているアニメーションを実装する機会があったので、覚え書きです。 画像で書き出して回すだけ…