为了账号安全,请及时绑定邮箱和手机立即绑定

UI框架foundation6入门(下)

难度中级
时长 3小时48分
学习人数
综合评分10.0
9人评价 查看评价
10.0 内容实用
10.0 简洁易懂
10.0 逻辑清晰
简介:Foundation 6是一款非常流行的开源UI框架, 提供了响应式布局,一系列UI组件,包括按钮,表单,导航等多类现成的控件。适合进行快速原型和产品开发。它基于SASS的实现方式,也方便开发者进行定制化设计和扩展开发。本教程分两部分进行了详细讲解。

1章 容器

本章主要介绍多种常用的内容容器,包括提示面板,下拉框,表格,模态弹窗,选项卡,可折叠面板,多媒体对象容器,可隐藏菜单等。结合代码实例,可以快速掌握它们的使用方式,了解一些要注意的问题。
  1. 1-1 提示面板 (09:40)
  2. 1-2 下拉面板 (11:41)
  3. 1-3 表格 (09:49)
  4. 1-4 模态框 (12:14)
  5. 1-5 选项卡 (07:40)
  6. 1-6 可折叠面板 (06:58)
  7. 1-7 多媒体对象容器 (08:53)
  8. 1-8 可隐藏菜单 (11:08)

2章 按钮与其他控件

本章课程主要涉及按钮button的基本使用,涉及其颜色和大小的设置,分组按钮及其大小等属性的设置;下拉按钮,关闭按钮的设置;滑块组件slider的使用,方向设置,数据绑定等的设置;开头组件switch的使用。
  1. 2-1 按钮的使用 (19:40)
  2. 2-2 滑块组件 (08:33)
  3. 2-3 开关组件 (09:21)

3章 插件

本章介绍了几种Foundation提供的插件,可以方便的进行一些前端页面设计,实现特定的功能和效果。
  1. 3-1 表单验证组件 (32:00)
  2. 3-2 equalizer (09:52)
  3. 3-3 interchange插件 (10:37)
  4. 3-4 toggler (13:42)
  5. 3-5 sticky插件 (07:38)

4章 使用Sass开发Foundation项目

通过本课程,将学习和理解如何结合Sass进行Foundation项目的开发,使用Sass的特性快速进行组件的样式设置。
  1. 4-1 Sass&Foundation (16:39)

5章 Foundation开发资源

本章课程介绍了一些实用的Foundation相关资源,可以方便在实际开发中进行参考和借鉴。
  1. 5-1 模板,主题和样板模板组合 (09:09)
  2. 5-2 Motion UI (12:15)
课程须知
对HTML5,CSS3,JavaScript基础知识已经掌握。
老师告诉你能学到什么?
1、学习Foundation多类容器化组件,如提示面板,下拉框,模态窗口等 2、学习按钮,滑块组件的使用和定制化 3、学习Foundation自带插件的使用 4、了解Foundation的SASS基础 5、了解Foundation的官方资源
意见反馈 常见问题 APP下载
官方微信
hv128