HTMLとCSSも進化している！JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ

以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You can create these elements without JavaScript by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブ対応のテキスト省略 スター レイティング ツールチップ・ドロップダウンメニュー モーダル フロートするラベル アコーディオン・トグル 終わりに はじめに スマホやWeb

[coliss]

JavaScriptを使用せずに、HTMLとCSSで実装できるUI要素のまとめ。

[kathew]

HTML/CSS/JSの役割分担を考えると、トグル式のアコーディオンについてはJSにやらせたいなぁ。文書的に不要なチェックボックスを埋め込むのも気持ち悪いし／それ以外はHTMLさえ汚れなければ使っていきたい

[masayoshinym]

あらゆるブラウザで動くなら使うのだが。

[vocalop-t]

こりゃすごい！ 盲目的にこういうのはjQuery使ってたわ。。。 早速試してみようっと(｀･ω･´)

[buhoho]

基本的にはJSを複雑にするくらいならCSSを複雑にしたほうが管理楽だと思う

[eryo]

わ

[nekosann_08]

見た目の為だけにＪＳ使うのいやなんでもうCSSでやってます。（ﾑｯﾂﾘ その内スワイプ対応スライダーとかも作れそうだな。

[yomogi]

ツールチップとアコーディオンは良さげ

[HanPanna]

古いブラウザとIEは切り捨てるのでそれでいいのです↓

[blueboy]

　古いブラウザでは何も表示されません。

[mayumayu_nimolove]

IE対応させるデザイナーが多いから減らねーんだよ

[jacoyutorius]

プログラマーとしてはJavaScriptだけで制御したい気持ち