このGitHubページには、一般的なUI機能のための非JSの代替案がリストされています。

何回を望んでいますか 簡単なCSSのみのスライドショーまたはモーダルウィンドウを作成する? これらのいくつかは 最も一般的なUI要素 Web上で、そして今日ではJavaScriptなしでそれらを構築することができます.

確かに、解決策を探してGoogleにヒットすることは可能です。しかし、そうではありません 精選リストから選ぶ 素晴らしいリソースの?

それがこのGitHubページが登場するところです。タイトル 「JavaScriptは必要ありません」, そしてそれはのための実行可能な解決策の膨大なリストを提供します。 共通インターフェース要素.

注意すべき1つのことは、これらのコードは すべてを解決するわけではありません.

リストのすべてがすべてのブラウザをサポートしているわけではなく、これらの解決策の多くは、モバイルブラウザの適切な低下や問題を完全に処理することができません。だからあなたはする必要があります それぞれ個別に獣医師 ケースバイケースで.

しかしあなたが死にかけているのなら 純粋なCSSソリューション それなら、このGitHubはあなたにカバーしてもらいます.

リストの特徴は 20の異なるUI要素 次のような多くの優れた解決策があります。

• ハンバーガーメニュー
• ツールチップ
• タブ
• 画像ギャラリー
• ドロップダウンメニュー
• そしてそんなに多く.

各プロジェクト CodePenデモへのリンク どこのことができます それを生きて見る に加えて サンプルソースコード.

このGitHubレポジトリに注目してください 実際のコードはありません その中に。むしろそれだけです CodePenデモのリスト フィーチャー 一般的なインターフェース問題に対する非JSソリューション.

これは、将来の参考のためにブックマークしておき、必要に応じて近くに置いておくのに最適なリソースです。.

あなたはからの誰かに連絡することによって貢献するのは自由です メインGitHubページ 新しいリソースについてのアイデアや提案がある場合.

あなたは自由です ソースコードをコピーする これらのデモのいずれかから それらを再利用する あなたのプロジェクトで.

ちょうどそれを確かめなさい CSSのプロパティタブをチェックします。 何かをコピーする前に 追加のライブラリを含む.

全体的に見て、これは1つの素晴らしいGitHubリポジトリであり、その1つの完璧なソリューションについてGoogleを精査するよりもはるかに使いやすいです。.

をチェック GitHubの全ページはこちら, そしてあなたがしたい場合 潜在的な変更をすべて表示 あなたはそれらを見ることができます プルリクエストタブ.