技術ブログ
投稿日：2018年3月28日 更新日：
HTML5のカスタムデータ属性について。
HTML5ではタグにdata-*とすることで任意の値を持たせることができます。
例として下記のような使用法が挙げられます。
・ hoverした時にツールチップを表示する
ホバーした時に表示されるツールチップを独自データ属性とCSSだけで作る方法
・ テーブルなどで行自体にリンクをさせる
ちなみに値を変更する時などは画面上とjQuery内部で値の持ち方が変わるようで基本$(セレクタ).attr()で取得するのが安全のようです(あるいは生のJavaScriptを使うなど)
執筆者：matsumoto
関連記事
css animationの使い方、他スクロース量でのアニメーションなど
transitionとちょっと近いですがCSSでのanimationに関して。 HTML
|
1 2 |
<div class="block animation_css"> </div> |
CSS [crayon-67030eda29 …
HTML5は標準でinputタグのバリデーション機能がついており、必須チェックや簡単なエラーチェックなどをすることが出来たりします。 必須入力のほかにも、telやemail、時間など様々なタイプのもの …
先月にかなりたくさんCSSを書いたんでその時感じたポイントみたいなものを。 Contents1 いきなりかかずにまず共通部分をみつける2 見た目の調整には紙に印刷して横においておく3 色や幅、フォント …
CSSのサンプルを書いていく途中で、HTML5タグが出来てたので簡単におさらいです。 Contents1 HTML5のメリット1.1 form周りのhtml1.2 文章構造の明確化1.2.1 navに …
実務でCSSをゴリゴリ書く機会があり、力不足を感じたので、メモを。 ライブラリlessやsassを使うとスコープを設定できるのでかなり楽 大まかな幅設定 スマホデザインの場合、幅を基本的に%で指定。p …
2024/10/05
2024/10/05
2024/09/29
2024/09/28
2024/08/17