no-js tab switcher
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- css, html
- 領域
- frontend
調査の方向性
リポジトリのファイルやテストは指定されていません。まず、既存のボイラープレート構造と、この issue にある CSS/HTML の例を確認してください。タブのターゲットをどのように表現すべきかを判断し、そのうえで JavaScript なしでタブを切り替えたり閉じたりできることを検証してください。
索引モデルが issue の本文から書いたものです。
説明
Re: https://stackoverflow.com/a/71008554
dialog { display: block; }
dialog:not(:target):not([open]) { display: none; }
<html>
<body>
<p>
<a href="#dialog">Open dialog</a>
</p>
<dialog id="dialog">
<h2>Dialog</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="#!">Close</a>
</dialog>
</body>
</html>
Not sure if this would have to enumerate every hash target (ex: #main, #settings) or if this could be done by some sort of dynamic class selector, but this should allow tabs without JavaScript.
- 主要言語
- CSS
- スター
- 0
- フォーク
- 0
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
BeyondCodeBootcamp/mvp.html のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 35/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 45/100
BeyondCodeBootcamp/mvp.html の issue をすべて見る
似ている issue
-
Browser Waiting for: Product Owner
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
getsentry/sentry-javascript#24577 · コメント 1 件 ·
-
1.0.0-alpha2 Type/Improvement
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
wso2/dpdp-accelerator#272 ·
-
light
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
aemdemos/patients-stryker#253 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
clerk/javascript#9852 ·
-
bug good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
amponce/archive-movie-browser#165 ·