初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

calc()関数を使用すると、レスポンシブ対応ページのレイアウトや要素の配置、ビューポート幅に基づいた相対的なフォントサイズの定義などが期待通りに実装できます。 Webページやスマホアプリの実装に役立つcalc()関数の使い方を紹介します。 calc()関数は ...

CSSだけでwidth: auto;やheight: auto;にアニメーションできたらいいな、と思ったことはありませんか？ たとえば、下記のようにテキストの量によってサイズが異なるボタンです。 これまではCSSでアニメーションするときは、固定値（width: 100px;しかアニメーション ...

記事内に広告が含まれています。This article contains advertisements. スポンサーリンク AppleがDirectory Upload機能をデフォルトで有効 ...

例えばHTMLはマークアップ言語、JavaScriptはプログラミング言語、CSSはスタイルシート言語と分けられます。 スタイルシート言語は「ドキュメントの見た目やレイアウトを定義する言語」になりますが、私は、CSSはプログラミング言語なんじゃないかなと思っ ...