>基础6:简化的CSS框架,用于更快,更高效的Web开发
从头开始构建可以完全控制,但有时框架加速了开发。 Foundation是与Bootstrap一起的长期竞争者,刚刚发布了其第六次迭代,速度,效率和易用性有了显着提高。本文探讨了基础6中的关键增强功能。
密钥改进:
基础6不仅是增量更新;这是一个完整的大修。 Zurb从头开始重建了框架,并结合了浏览器技术中的社区反馈和利用进步。 重点是提供可靠的,可自定义的基础结构。 >新功能包括Flex网格,Motion UI,Yeti启动以及更新的构建块和模板。 现有组件已精简以提高性能和易用性。
> 优化亮点:显着尺寸降低(CSS:160KB至68KB,JavaScript:110KB至92KB)从以下
运动UI:将寿命添加到您的设计 以前是应用程序基础的一部分, Motion UI现在是可选的,但强烈建议添加。 它提供了预建的过渡和动画,可以轻松地使用CSS类或使用Sass Mixins进行自定义。 一个小的JavaScript插件有助于动态触发和事件处理。
> >雪人发布简化了建立新的基础项目的过程。它提供了标准的Sass动力设置和Zurb的开发堆栈(包括UNCS,UGLIFYJS,图像压缩和静态站点生成器)之间的选择。 当前仅MacOS。
值得注意的代码允许开发人员在线共享项目,使团队成员能够通过注释提供反馈和跨不同屏幕尺寸的响应测试。
> 基础6优先考虑可访问性,确保所有组件都是键盘和屏幕阅读器友好的。 该文档提供了全面的ARIA指导。
>模板和构建块:现成的组件
> >更新的模板和构建块为新项目提供了一个启动,提供了完全响应的设计和可自定义的组件。
>新的JavaScript实用程序
基础6揭露了几个有用的JavaScript实用程序,包括:
>媒体查询实用程序:
简化了与响应式断点的互动。
更新的响应式断点:
基础6通过修订后的Sass Mixin简化了断点管理,使样式井井有条和直观。 自定义断点大小在_settings.scss
>文件中很容易定义。
设计自由:
基础6的减少样式为独特的设计提供了更灵活的基础,使开发人员能够创建不同的网站。
结论:
>常见问题(缩写):
> >
新功能:以上是Foundation 6中的新功能是什么?的详细内容。更多信息请关注PHP中文网其他相关文章!