先日ドットインストールで ミニクイズをリリース しました。知識が定着しているかサクサク確認できるという新機能なのですが、そこで得たデータをもとに、学習者の苦手をフォローアップしていく取り組みにつなげています。 CSS において明らかだったの ...

CSSのborder-radiusプロパティを使って、スタイルシートだけでボックスなどの角を丸くする方法を解説。枠線が引かれていれば四角い枠線の角が丸くなりますし、背景色が塗られていれば四角い塗りつぶし領域の角が丸くなります。画像の四隅を丸くカットする ...

動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 下記は各ポイントを意訳したものです。 以前紹介した時（前の記事）からアップデートされ、実装の解説も充実しているので ...

Google Apps Script（GAS）を使えば、サーバーを自前で用意することなく、誰でも簡単に自分だけのWebアプリを公開できます。前回の記事では「GASでHTMLを表示する基礎」を学びましたが、今回はそこから一歩進んで、「CSS（Cascading Style Sheets）」を使いこなし ...

⭐ CSS Animated Background Collection. Cascading Style Sheets (CSS) can help you do more than just determine colors, fonts, or the positioning of certain elements ...