BeyondCodeBootcamp / BeyondCodeBootcamp/mvp.html
no-js tab switcher
- 主要言語
- CSS
- スター
- 0
- フォーク
- 0
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
Re: https://stackoverflow.com/a/71008554
```css
dialog { display: block; }
dialog:not(:target):not([open]) { display: none; }
```
```html
Dialog
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Close
```
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.
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
調査の方向性
リポジトリのファイルやテストは指定されていません。まず、既存のボイラープレート構造と、この issue にある CSS/HTML の例を確認してください。タブのターゲットをどのように表現すべきかを判断し、そのうえで JavaScript なしでタブを切り替えたり閉じたりできることを検証してください。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- css, html
- 領域
- frontend
- issue の種類
- 機能追加
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 35/100