想定外の新機能！ HTMLの<input type="checkbox" switch>だけで、スイッチUIが実装できるようになるぞ

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

119 usersがブックマークコメント

コメント

22

記事へのコメント22件

注目コメント
新着コメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

想定外の新機能！ HTMLの<input type="checkbox" switch>だけで、スイッチUIが実装できるようになるぞ

WebサイトやアプリのUIで、スイッチを実装するのはなかなか面倒です。CSSで書くと、なかなかのボリュー... WebサイトやアプリのUIで、スイッチを実装するのはなかなか面倒です。CSSで書くと、なかなかのボリュームになってしまいます。そんなスイッチがHTMLだけで実装できるようになります。 Release Notes for Safari TP 185によると、HTMLの新機能としてswitch属性がサポートされました。これにより、スイッチUIがHTMLで簡単に実装できるようになります。 switchについては、かなり前から実装についてGitHubで議論されていました。スイッチは人気のあるUIコントロールだけど、CSSで実装するのは簡単じゃないよね、簡単に実装できるようにしよう。という感じです。スイッチUIを実装するHTMLは、下記の通りです。

ブックマークしたユーザー

m0t0m0t02024/02/08
ctsudayy2024/02/07
daizu61102024/02/05
kawaosa2024/02/03
kappaseijin2024/02/03
webmugi2024/02/02
munieru_jp2024/02/02
tsimo2024/02/02
rryu2024/02/02
securecat2024/02/02
tenchikometen2024/02/02
mgl2024/02/02
pirota_pirozou2024/02/02
Funyapu2024/02/02
mas-higa2024/02/02
sabinezu2024/02/02
kioskip2024/02/02
kyokyo12024/02/02

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx