Web 设计的基础前端框架

Mdmostafa

拥有丰富经验并且主要关注开发快速、有吸引力、响应迅速的网站的开发人员。 基础替代方案：如果您想为即将到来的项目探索响应速度更快的前端框架，可以访问此处。 Foundation 作为 ZURB 项目出现，旨在更快更好地开发前端代码。2011 年 10 月，ZURB 在 MIT 许可证下开源发布了 Foundation 2.0。ZURB 于 2012 年 6 月发布了 Foundation 3.0，于 2013 年 2 月发布了 4.0，于 2013 年 11 月发布了 5.0，并于 2015 年 11 月发布了 6.0。该团队开始开发 Foundation for Sites 7 的下一版本，该版本很可能会放弃对旧浏览器的支持并实施更新的技术像 Flexbox 或者计算网格系统。 Foundation for Emails 以前称为 ZURB Ink，于 2013 年 9 月发布。 Foundation for Apps 于 2014 年 12 月发布。 Foundation 专为多种浏览器和设备而设计并在其上进行了测试。它是一个使用 Sass/SCSS 构建的移动优先响应式框架，为设计人员提供快速开发的最佳实践。该框架包括快速构建响应式网站原型所需的最常见模式。


通过使用 Sass mixins，Foundation 组件的样式很容易设计 葡萄牙手机号码列表 并且易于扩展。 从2.0版本开始，它还支持响应式设计。这意味着网页的图形设计会动态调整，考虑到所使用设备（PC、平板电脑、手机）的特性。此外，自 4.0 以来，它采取了移动优先的方法，首先针对移动设备进行设计和开发，并针对更大的屏幕增强了网页和应用程序。 Foundation 是开源的，可在 GitHub 上获取。鼓励开发者参与该项目，为平台做出自己的贡献。 1.网格系统和响应式设计： Foundation标配940像素宽、灵活的网格布局。该工具包完全响应，可以使用不同分辨率和类型的设备：手机、纵向和横向格式、平板电脑和低分辨率和高分辨率（宽屏）的 PC。这会自动调整列的宽度。 2. 理解 CSS 样式表： Foundation 提供了一组样式表，为所有关键 HTML 组件提供基本样式定义。它们为格式化文本、表格和表单元素提供了浏览器和系统范围内统一、现代的外观。 3.可重用组件：除了常规的HTML元素外，Foundation还包含其他常用的界面元素。




其中包括具有高级功能的按钮（例如，按钮分组或具有下拉选项的按钮、制作和导航列表、水平和垂直选项卡、导航、面包屑导航、分页等）、标签、高级排版功能和格式用于警告等消息。 4. JavaScript 组件和插件： Foundation 4 的 JavaScript 组件从 jQuery Javascript 库移至 Zepto，假设物理上较小但与 API 兼容的 JQuery 替代方案对用户来说速度更快。然而，Foundation 5 又回到了较新版本的 JQuery-2。“jQuery 2.x 具有与 jQuery 1.x 相同的 API，但不支持 Internet Explorer 6、7 或 8。” Zurb 官方博客解释道，未签名的作者声称切换回来是由于与定制工作的兼容性问题；在使用较新的 jQuery-2 进行测试时发现性能并不那么好。 Foundation jQuery 组件提供通用用户界面元素和品牌扩展。该列表包括对话框、工具提示、轮播、警报、清除、cookies、下拉菜单、表单、joyride、麦哲伦、轨道、占位符、显示、部分、顶栏、弹性视频等。可以将其他 jQuery 插件安装到 Foundation 框架中，以在任何 UI 区域中提供高级功能，包括动画和滑入式菜单等“画布外”元素。 基础替代方案：如果您想为即将到来的项目探索响应速度更快的前端框架，可以访问此处。