10款强大的网页生成工具；

1. Carrd

这款软件是免费的，可以帮助初学者制作一个简单、响应快捷的网页。

链接：https://carrd.co/

2.Template Stash

这款软件几乎集合了所有类型网页的模板，你可以通过关键词检索来找到你想要的主题风格。

链接：http://www.templatestash.com/

3.Bubble

这款软件的优势在于使用者不用掌握任何编程技巧就可以制作网页，它独特的拖拉界面可以让使用者在网页上添加视频、地图、音频等等功能。

链接：https://bubble.is/

4. HTML to WordPress

这个软件可以将静态的HTML网站转换成WordPress，如果你想转换你的网站格式，这款软件将帮助你节省大量的时间。

链接：https://htmltowordpress.io/

5. Tilda Publishing

这款软件可以帮助使用者制作一个内容导向型的网页，这款软件非常适合那些喜欢设计博客页面的人。

链接：http://tilda.cc/

6. XPRS

如果你曾经因为设计网页太过复杂和繁琐而感到沮丧，那么这款软件无疑是你的福音。这款软件会提供一个非常简单的编辑环境，让网页设计变得非常简单。

链接：http://www.imcreator.com/

7. Grav

这是一款较为复杂的软件，需要使用者掌握一些编程的技巧。

链接：https://getgrav.org/

8. Hype 3.0

这款软件可以帮助你让网页的内容“动”起来，使用者可以设计每一帧动画并且进行排序，也可以手动添加或者删除动画效果，如果你想让自己的网页更加生动，那么这款软件绝对是你的首选。

链接：https://tumult.com/hype/

9. OnePager

这款网页设计软件可以帮助使用者快速编辑所有类型的网页。使用者可以轻松建立一个响应迅速的网站，这款软件内置的预设系统使得网页的一切都是可定制的。使用者可以自己设计网页的主题风格。

链接：http://onepagerapp.com/

10. Bootstrap Studio

这是一款桌面应用程序，旨在帮助web开发人员和设计人员创建一个相应迅速的网页。

链接：https://bootstrapstudio.io/

7个最好用的H5页面制作工具；

1.Page页面制作工具-----------来自M1云端市场部

工具是梅花网新推出的，针对集客营销的H5页面制作工具。这款工具拥有丰富的模板和插件，能够在较短的时间内做出美观又简洁的H5页面。   另外，这款工具搭配了表单以及客户管理系统等功能，能够快速的完成一次完整的营销活动，更为重要的是，这样一款工具竟然是免费的，不得不说是业内良心。

2.易企秀

该应用有多种动态模板，并实现多种动态效果，并且，易企秀拥有IOS移动客户端，可以 在手机上进行H5的页面制作工作

3.Wix

Wix 基于HTML5技术的建站工具，向用户提供多种网页模板，操作非常简便，智能拖拽便可完成简单的网页建设。据Wix统计每天有超过45000的新用户加入 Wix，每个类目下有上百的HTML5模板可供使用，支持页面自适应，在手机端也有很好的展示。

4.Google

Web Designer Google Web Designer是谷歌是专门为设计者打造的的可视化HTML5设计开发工具。它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画，功能丰富且强大。

5.Weebly

Weebly是一款HTML5拖放式智能建设工具，支持中文，拥有多种个优秀的网页模板，在交互设计商业为人称道，并且设有IOS和Android客户端，方便管理自己的网页、随时随地进行跟踪。

6. Ceilfire

Ceilfire是一个HTML5游戏设计平台。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，无需编程知识和相关技术细节。想做简单的HTML5游戏可以用这种方式试试手。

7.兔展

兔展免费移动展示平台拥有全新的设计体验与传播方式，它更加简易与强大，设计器非常方便，适合移动端的营销推广。

CSS 最好的前端开发工具；

极为重要的前端开发工具

1. 文件查看和编译

首先，如果你还在使用命令行编译SASS，那肯定得看自动执行的过程，这里有许多你用得上的工具，我使用 Grunt-Watch，但是有很多人喜欢 Gulp-Watch。

2. SCSS 库

库是一个大型工具包，它包含并混合从 CSS 重置、跨浏览器背景渐变和使用黄金比例设置字体大小的便捷数学计算等的很多东西。

主流的库： Bourbon ，Compass， PostCSS

3. Autoprefixer

不必担心浏览器前缀问题了！

4. Animate.css

我喜欢编写我自己的 CSS 动画效果，但经常我们没有太多的时间。

5. KSS styleguide

KSS 允许你从你的CSS直接创建一个样式向导文件，这有很多的优点。

配对的 KSS含有一个模块化的CSS，比如BEM，允许你可靠的创建一个可重复使用的可见样式集，你会从强大的文档中获得巨大的回报。

6. CSS minification with CSS NANO

自动缩小我编写的CSS文件。