这些是网络上一些最常见的UI元素 ,如今,您无需任何JavaScript即可构建它们。

您想构建一个仅CSS的快速幻灯片或模式窗口几次?

但是,为什么不从精选的精选资源中挑选呢?

当然,有可能打谷歌寻找解决方案。

它的标题为“您不需要JavaScript” ,并且为常见的界面元素提供了大量可行的解决方案。

就是这个GitHub页面发挥作用的地方。

该GitHub页面列出了通用UI功能的非JS替代方案

要注意的一件事是,这些代码并不是最终的全部解决方案

因此,您需要根据具体情况逐一审核

并非列表中的所有功能都支持所有浏览器,并且其中许多解决方案都不完全能够处理正常的降级或移动浏览器问题。

但是,如果您渴望纯CSS解决方案,那么这个GitHub可以满足您的要求。

该列表包含20多种不同的UI元素,并提供许多出色的解决方案,例如:

  • 汉堡菜单
  • 工具提示
  • 标签
  • 图片库
  • 下拉菜单
  • 等等。

每个项目都链接到一个CodePen演示 ,您可以在其中看到它示例源代码一起直播

相反,这只是CodePen演示的列表,这些演示具有针对常见接口问题的非JS解决方案

请注意,此特定的GitHub存储库中没有任何实际代码

这是标记书签以供将来参考并在需要时保持联系的理想资源。

如果您对新资源有想法或建议,可以通过与GitHub主页上的任何人联系来做出贡献。

您可以从任何这些演示中复制任何源代码然后在项目中重复使用它们

只需确保在复制任何内容之前先检查CSS属性选项卡 ,因为其中一些包含额外的库

总的来说,这是一个很棒的GitHub存储库,比寻找Google来寻求一个完美的解决方案要容易得多。

此处查看完整的GitHub页面 ,如果您想查看所有可能的更改 ,则可以在“ 请求请求”选项卡中看到这些更改


翻译自: https://www.hongkiat.com/blog/dont-need-js/

相关文章:

  • 2022-12-23
  • 2021-12-22
  • 2021-06-08
  • 2021-07-06
  • 2021-12-04
  • 2021-07-02
  • 2021-08-18
  • 2022-12-23
猜你喜欢
  • 2021-12-12
  • 2022-12-23
  • 2022-12-23
  • 2021-08-01
  • 2021-08-14
  • 2021-07-19
  • 2021-08-17
相关资源
相似解决方案