技術ブログ
投稿日：2018年3月28日 更新日：
HTML5のカスタムデータ属性について。
HTML5ではタグにdata-*とすることで任意の値を持たせることができます。
例として下記のような使用法が挙げられます。
・ hoverした時にツールチップを表示する
ホバーした時に表示されるツールチップを独自データ属性とCSSだけで作る方法
・ テーブルなどで行自体にリンクをさせる
ちなみに値を変更する時などは画面上とjQuery内部で値の持ち方が変わるようで基本$(セレクタ).attr()で取得するのが安全のようです(あるいは生のJavaScriptを使うなど)
執筆者：matsumoto
関連記事
以前もちょっと書きましたが、CSSのfloatについて。 http://skill-up-engineering.com/?p=1708への追記 親から見るとfloatした子供は存在しない状態 flo …
AngularはHTMLの中にng-clickなどと書いておけばイベントを紐づけて、特定動作時にメソッドを呼び出すことができます。 これをオリジナルで自作することができます。 customer_dir …
lessのサンプル Contents1 lessファイル構成2 ソース3 注意点4 参考リンク lessファイル構成 header,footer sytle 変数 lib 関数 common head …
昔から私の作るWEBアプリはデザインがめちゃくちゃなことが多かったんですが、最近は多少デザインにも気を配るようになってきました。 実はCSSがあまり得意ではなくて、うまく組むためにかなり苦戦していまし …
CSS小ネタ系。 チェックボックスやラジオと隣接するテキストボックスがあって、チェックがあった時のみ表示したい。(例えばその他の自由入力欄) 完全に隣接の場合にはCSSの+が使えるんですが、そうもいか …
2024/04/24
2024/04/11
2024/03/24
2024/02/05
2024/01/20