嘿,孩子们,您准备好告诉我有关这个叫做bootstrap的新奇事物了吗?好吧,因为我永远不会对你这样做。并不是说bootstrap并不出色,而是因为如果您从事web设计,并且您一直在关注任何东西,那么您已经知道了。
如果您不满意,那么……欢迎来到这个行业!我们有一些您可能想查看的文章。
对于其他所有人,我一直在寻找新事物,刺激甚至是乐趣。上帝保佑github的高级搜索功能,因为我发现css图书馆可以做各种事情。即使您最终不使用它们,也可以绝对向他们学习。看一看:
css wandcss wand是此列表中较简单和较小的库之一。它实际上只是少数几个简单的,基于css的纯动画,您可以将它们复制粘贴到您的站点中,并随意进行自定义。如果您需要使按钮,输入或加载动画看起来不错,可以尝试一下。
water.css是的,那是water.css,就像“只需加水”中一样。这是一组默认样式,尽管它没有一个完整的css框架,但如果您不想为自己的类型或表单样式烦恼,可以帮助您入门。它的重量小于2kb,并且不使用任何类。老实说,这就是我的入门框架。
raisin cssraisin css将自己描述为实用程序css库,这意味着(您猜对了)很多类。他们已经为css grid,flexbox,断点,display属性,溢出,定位等预构建了模块。如果要使用js即时更改许多不同元素的外观,我将亲自使用这样的库。
atomizeatomize比raisin css更进一步,创建了更像基于atomic css的完整框架以及关注点分离理论的东西。它旨在保持风格中立,让您定义自己的断点,并且可以将其与npm一起使用,或者仅下载源代码以与任何其他开发管道一起使用。
sassyfication从名称开始就可以说是恶意。这只是让我想以“ z”形指尖,告诉别人他们无法应付我。它还具有用于sass的常用变量和mixin的集合。考虑一下前面提到的实用程序库,但适用于sass。
伙计,我爱sass,但我仍然想念less。还有人想念less吗?
spectrum cssadobe拥有自己的设计系统或有时被称为“设计语言”的不足为奇。好吧,这叫做spectrum,spectrum css就是您可以用来使您的网站看起来很像adobe项目的东西。或者,您知道,您可以只是看看它们是如何做的,很有趣。
box-shadows.css好吧……您到底有多喜欢下拉阴影和框阴影属性?大概比制作box-shadows.css的人少得多,box-shadows.css是一个致力于一件事的整体图书馆:圆角。
我在开玩笑。我想您可以猜到这是做什么的。如果您在生活和用户界面中需要更多阴影,那就别无所求。
flix carousel顾名思义,?flix carousel是基于netflix的预览轮播的轮播。我喜欢它,它是纯css,并且效果很好。唯一的麻烦是存储库页面上的预览无法正常工作。对于一个直观的例子,您必须前往作者的投资组合。
woah.csswoah.css被誉为偏心的web开发人员的css动画库,并且可以兑现这一承诺。动画元素使我想起了90年代电视上的许多旧视频过渡,以及每个“消费级”视频编辑器中的视频过渡。很俗气,玩起来很有趣。
animation library它被称为“?动画库?”,其动画名称与之差不多。这不是一件坏事,因为公司网站可能不需要或不希望90年代的动画按钮有视频过渡。它是纯css,因此只需添加所需的类,然后从那里开始。
wipe.csswipe.css基本上是一个全新的css重置,基于sanitize.css和normalize.css之类的库。它不会重新发明轮子,也不应该重新发明轮子。它具有明智的默认设置,这对我来说很有意义,我很可能会在不久的将来自己使用它。
denali css librarydenali css库是另一个基于设计系统的库,特别是(您猜对了)?denali设计系统。它具有时尚,现代和高度无衬线的外观,非常适合商业场所。它还有一些相当详细的文档来帮助您入门。
nova-skeletons新星骨架很有趣,因为它绝对不应该用于生产。如屏幕截图所示,它基本上用于为原型中的虚拟内容创建灰色块。现在虚拟内容从来都不是完全理想的,但是对于非常早期的原型,这实际上可能比lorem ipsum更好。
vov.cssvov.css是一组可爱的纯css动画,基本上涵盖了您可能需要的每个(基本)动画。只需添加一个课程然后继续。我喜欢的一件事是它们包括一组额外的类,以增加动画的延迟。
relaxcssrelaxcss是一个完整的(但很小的)框架,可为您在基本网页或应用中可能需要的大多数内容设置样式,并带有用于导航,标签和类似内容的额外组件。它还具有深色主题。我最喜欢的是没有布局框架,因此您可以将这些样式添加到具有grid或flexbox布局的网站中,然后继续工作。