備忘録

備忘録

HTML

CSSでウィンドウ幅に合わせて要素を横に並べる方法

Ⅰ. はじめに タイトルの通り「CSSでウィンドウ幅に合わせて要素を横に並べる方法」です。 Ⅱ. サンプル CSS Grid Layoutを使う場合 CSS Flexible Box Layout を使う場合

HTML5でプログレスバーを使ってカウントダウン、カウントアップをする方法

Ⅰ. はじめに タイトルの通り「HTML5でプログレスバーを使ってカウントダウン、カウントアップをする」方法です。 progress要素とoutput要素はHTML5で導入されました。よって、HTML5以降のみで動作します。 Ⅱ. サンプル 1. 10秒カウントダウン codepen.io 2. …