类似推荐
编辑推荐
Bulma之父亲自揭秘简单易用的现代CSS框架,即使完全不懂CSS,也能轻松创建出美观的网页。
内容简介
Bulma是基于Flexbox的现代CSS框架,具有响应式、模块化、可定制等诸多亮点,而且语法简单,轻量易用。
作为广受赞誉的开源杰作,Bulma还拥有丰富的组件和文档,对初学者十分友好,即便不会编写CSS,也能轻松上手。
Bulma的目标就是帮助前端开发者用更少的CSS代码实现更多功能。
本书由Bulma之父执笔,通过生动的示例一步步讲解如何用Bulma构建Web应用、设计页面布局、创建自定义UI元素和组件,以及与JavaScript框架集成。示例所创建的系统包含了所有网站或内容管理系统基本都具备的CRUD功能,极具指导性。
对于想开发优美界面和华丽网站的前端开发者和设计师来说,本书不容错过。
作者简介
作者戴夫·伯宁(Dave Berning),拥有多年Web开发经验,擅长使用Vue和React创建富渐进式Web应用程序。
章节目录
版权信息
序
前言
第1章 理解Bulma及其术语和概念
1.1 Bulma有何独特之处
1.2 简易的栅格系统
1.3 可读性
1.4 可定制
1.5 模块化
1.6 列
1.7 修饰符
1.8 组件
1.9 辅助类
1.10 小结
第2章 Bulma表单开发
2.1 模板要求
2.2 居中布局
2.3 实现表单内容
2.4 小结
第3章 站点导航和侧边栏菜单
3.1 创建导航栏
3.2 页面主区域
3.3 侧边栏菜单
3.4 小结
第4章 实现响应式栅格
4.1 工具栏
4.2 图书栅格
4.3 图书项
4.4 分页
4.5 小结
第5章 创建面包屑导航和文件上传功能
5.1 图书详情页模板
5.2 编辑页面模板
5.3 小结
第6章 创建表格和下拉菜单
6.1 客户列表
6.2 新建客户页面
6.3 小结
第7章 创建更多表格及下拉菜单
7.1 订单列表
7.2 订单编辑页面
7.3 小结
第8章 创建通知和卡片功能
8.1 标题、时间范围
8.2 核心指标
8.3 最新订单列表
8.4 使用card组件展示热门图书
8.5 忠实客户
8.6 小结
第9章 在原生JavaScript中应用Bulma
9.1 问题报告模态框
9.2 移动端toggle菜单
9.3 通知
9.4 下拉菜单
9.5 删除图书功能
9.6 删除客户功能
9.7 小结
第10章 在Angular中使用Bulma
10.1 准备
10.2 应用
10.3 组件
10.4 小结
第11章 在Vue.js中使用Bulma
11.1 安装vue-cli
11.2 创建Vue应用程序
11.3 安装Bulma
11.4 Vue组件
11.5 管理页面骨架
11.6 实现Dashboard
11.7 登录页面
11.8 创建问题报告组件
11.9 图书页面
11.10 小结
第12章 在React中使用Bulma
12.1 本章目标
12.2 安装create-react-app
12.3 create-react-app速览
12.4 安装Bulma
12.5 使用React Router 4编写路由
12.6 创建登录组件
12.7 创建收藏
12.8 Footer.jsx
12.9 图书收藏主体
12.10 运行应用
12.11 小结
第13章 自定义Bulma
13.1 安装node-sass
13.2 导入Bulma
13.3 导入谷歌字体
13.4 导入自己的变量
13.5 理解Bulma变量
13.6 覆盖Bulma的初始变量
13.7 覆盖Bulma的组件变量
13.8 修改HTML
13.9 自定义规则
13.10 使用Bulma混入实现响应式
13.11 小结
作者简介
Bulma必知必会是2020年由人民邮电出版社·图灵出品出版,作者[美] 戴夫·伯宁。
得书感谢您对《Bulma必知必会》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。