ランキング用シンボルマーク
【目的】ランキングページ用のUIデザインを希望。総合評価を月桂樹で囲ったデザイン案の過程で勲章デザインを提示。 【対象】女性がメインターゲット。「LIKE」を集めてランキングが上がる。 ※本採用案は非掲載。こちらはボツ案 […]
デザインとアクシビティとマークアップの兼ね合いで、リンクタグはタイトルだけ掛けるようにしたいが、サムネイルや抜粋など他の要素もまとめている親になるブロックコンテンツ(div.item)をクリックした場合にも遷移してほしいときは、jsで頑張ります。
参考例はWPのarchive.phpなどの記事やタクソノミー一覧です。
参考にわかりやすく書いています。
<div class="item"> <a herf="https://example.com">example</a> </div>ソースコード装飾ならGoogle code prettify
const element = document.querySelector('.item'); element.addEventListener('click', () => { const link = element.querySelector('a'); location.href = link.getAttribute('href'); });ソースコード装飾ならGoogle code prettify
東京都江戸川区でvue,WP,PHP,HTML,CSS,JSを使って管理画面を作る系フロントエンド人の技術系メディア
東京都江戸川区在住。一児の母。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。
コメントはまだありません