はじめまして！ サイボウズ フロントエンドエキスパートチームの麦島です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載していき ...

今回は、 動きそのものはあまり凝りようのないトグルスイッチがお題だ （サンプル1⁠）⁠。とはいえ、 視覚的な表現に細かい工夫がある。 「⁠switch」 のデザインと表現スイッチとして表示するをもとに、 HTMLとCSSの組み立てはわかりやすく改めた。