Foundation 起步

简介: Foundation 是一个免费且适合初学者及专业人士的前端框架,用于快速开发响应式网站。它包含了 HTML、CSS 设计模板和多种 UI 组件及 JavaScript 插件,已应用于 Facebook、eBay 等大公司。使用 CDN 可提高访问速度和稳定性,Modernizr 用于确保兼容性。

Foundation 起步
什么是 Foundation?
Foundation 是一个免费的前端框架,用于快速开发。
Foundation 包含了 HTML 和 CSS 的设计模板,提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。同时也提供了多种 JavaScript 插件。
Foundation 移动优先,可创建响应式网页。
Foundation 适用于初学者和专业人士。
Foundation 已使用在 Facebook, eBay, Samsung, Amazon, Disney等。

Note 什么是响应式网页设计?

响应式Web设计(Responsive Web design)的理念是: 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。
从哪里下载 Foundation?
你可以通过以下两种方式来获取 Foundation:

1、从官网下载最新版本:http://foundation.zurb.com/。

2、使用 Staticfile 提供的CDN(推荐):


本站静态 CDN 基于阿里云服务。

Note Foundation 使用 CDN 的优势:
Foundation 使用 CDN 提高了企业站点(尤其含有大量图片和静态页面站点)的访问速度,并大大提高以上性质站点的稳定性

为什么使用 modernizr?
Some Foundation 的组件使用了比较前前沿的 HTML5 和 CSS3 特性,但不是所有浏览器都支持。 Modernizr 是一个用于检测用户浏览器HTML5和CSS3特性的JavaScript库 - 让组件能在所有浏览器上正常运行。

相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
6月前
|
人工智能 大数据 数据处理
云计算巨头大比拼:AWS、Azure和Google Cloud的终极对决
在云计算领域,AWS、Azure和Google Cloud三家巨头一直在竞相争夺市场份额。本文将从性能、可靠性、定价策略以及生态系统等方面对它们进行全面比较,帮助读者做出明智的选择。
1043 0
|
自然语言处理 Dubbo 搜索推荐
又一国产开源项目走向世界,百度RPC框架Apache bRPC正式成为ASF顶级项目
Apache bRPC的前身是百度内部的一个RPC框架,采用C++语言编写,号称工业级别,在百度内部众多基础和业务系统中得到大规模的应用,是属于实战出来的,有很好的落地效果和"底子"。
548 0
|
机器学习/深度学习 存储 运维
SAP License:SAP五大主流ERP一览
说起企业内部管理最重要系统之一的ERP,大家首先在脑海浮现出来的名字恐怕就是Oracle和SAP了,但人们通堂并不十分了解这两家巨头的ERP产品,因为它们自身功能和特性都一分地复杂。 近日,市场研究公司TransworldData总裁MaryEShacklett在国外科技媒体Tech Target发表了一篇文章,详细介绍了SAP的各类ERP产品,我们不妨就来一窥究竟。(注:本文原作者所梳理的SAPERP依据的是SAP在欧美市场推出的各类产品,若研究SAP在国内推出的ERP情况,本文仅作参考)。 SAP几平为所有规模、行业、垂直领域和IT架构的公司提供了全面的ERP系统支持。这其中包括那
|
机器学习/深度学习 传感器 人工智能
微软Build 2018亮点全揭晓:主推Azure、Microsoft 365,开源ML.Net
微软开发者大会 Build 2018 于 7-9 日在西雅图的华盛顿会议中心举行,本文带你浏览大会第一天的核心亮点。
214 0
微软Build 2018亮点全揭晓:主推Azure、Microsoft 365,开源ML.Net