YouTube動画をiframeで埋め込む際、埋め込みコードには幅が記述されていて、固定されてレイアウトが崩れてしまいがちです。 そんなとき、動画の比率を保ちながらレスポンシブさせる方法です。 これからご紹介するコード一...

背景などで方眼のようなマス目のデザインをCSSで実装するCSSのご紹介です。 実装サンプル See the Pen Untitled by mskyw (@kyswm) on CodePen. ノートの方眼風CSSのba...

コーディングする際に、「サービスの特徴」や「メリット」、はたまた「よくある質問」など、連番を表示させるデザインはかなり多いと思います。 そんなとき、どうやってコーディングしていますか。 リストタグ内などに直接テキストとし...