上篇文章介绍了构建、框架和库的相关工具。本篇文章再给大家推荐HTML、CSS、Javascript等相关的十几款工具，希望能对大家学习以及工作上有所帮助。
HTML和CSS工具
15、 keyframes.app
一款基于时间关键帧，在线制作网页动画的网站，你无需在编辑器和浏览器直接互相切换，及所见即所得。keyframes.app提供在线制作和谷歌浏览器扩展插件两种形式。制作完成后，你能很方便的将自动产生的CSS代码复制到你的项目中。
16、 Emotion
Emotion是一款用JavaScript编写css的库，支持字符串和对象两种方式声明CSS变量，如果你在使用React，试用这个库将让你以更加优雅的方式用JavaScript编写CSS。
17、modern-normalize
normalize.css可以让浏览器以接近标准的方式一致地渲染所有元素，而且不同于c***est，只针对需要正常化的元素。modern-normalize只针对现代浏览器，而且足够现代，甚至IE和Edge都已经放弃。
18、layerJS
一款你只需要编写HTML就能很轻松实现菜单、画框、弹出层、滚动视察、缩放、触摸手势等众多效果的框架，这个框架代码压缩版只有30KB,很方便与各种前端框架集成(Angular,VueJS,React),支持响应式和触摸，并且不依赖任何库就能实现。
19、css-blocks
一款受 CSS Modules, BEM 和 Atomic CSS 框架启发，为你的web应用组件提供完美的CSS模块方案。
20、usebasin
一款你只需要设计表单，无需编写后端代码，就能很方便的将表单应用集成到你的项目里。
21、mustard
一款适合初学者的CSS框架，但是看起来还蛮不错，模块化，开源，压缩版只有6KB，支持FLEX,Grid布局和自带一些漂亮UI,比如进度条，表单、按钮等，虽然小，但功能齐全。
javascript工具
22、ScrollHint
appleple.github.io/scroll-hint…
一个JS库，用于指示元素可以水平滚动，并带有指针图标，如果你在做一个新手引导，这个工具将会是一个不错的选择。
23、ToastUI editor
强大的Markdown编辑器tui.editor,方便集成到你的项目里，这款强大的富媒体编辑器有以下特点：
- 支持 CommonMark 与 GFM（GitHub Flavored Markdown）两种标准
- 支持丰富的扩展插件，如颜色选择器、图表、UML、表格合并
- 提供了所见即所得与 Markdown 这两种模式，在编辑过程中可以随时切换，非常方便。在所见即所得模式下，可以直接从浏览器、 Excel、PPT等复制文本，并且保留原来的格式
24、FilePond
Filepond 是一个用于文件上传的 JavaScript 库，可以上传任何内容，优化图像以获得更快的上传速度，并提供一个出色的，可访问的，流畅的用户体验。
Filepond 提供了多种上传方式：拖放，复制和粘贴文件，浏览文件系统或仅使用库的API。 gzip 压缩后仅有 21KB ，并且内置了图像优化和图像自动调整功能。
Filepond 适用于 React ， Vue ， Angular 和 jQuery 。
25、Dinero.js
sarahdayan.github.io/dinero.js/
一个用来创建、计算和格式化货币价值的不可变的框架。
无论在银行应用程序、电子商务网站还是证券交易所平台，我们每天都在与金钱互动。我们也越来越依赖技术来处理问题。
然而，关于如何以编程处理货币价值尚无共识。虽然金钱是现代社会中普遍存在的概念，但相较于日期和时间之类的东西，它并不是任何主流语言中的一流数据类型。结果，每一种软件都有自己的处理方式，且伴随着陷阱。
Dinero.js遵循Fowler的模式更多一点儿。它允许你在JavaScript中创建、计算和格式化货币值。你可以进行数学运算、解析和格式化对象，使你的开发过程更加轻松。
该库设计为不可变和可链接的模式。它支持全局设置，具有扩展格式选项，并提供本机国际化支持。
26、Swup
一款适合初学者的框架，方便灵活易用，让你能快速制作专业级的页面转场动画效果。
27、Selection.js
简单易用的可视化，支持鼠标拖拽、使用Cmd/Ctrl+click 选择页面元素的库（支持分组选择），大大节省了你的开发时间。只有3KB大小，不依赖jQuery。
28、Glider.js
nickpiscitelli.github.io/Glider.js/
一个超快速(25毫秒加载)，轻量级(小于3KB)，无依赖性(不需要jQuery)的制作幻灯效果的前端库，支持响应式，易于扩展，方便自定义事件等...，更多特性等待你的发现！
29、ScrollOut
一款帮你制作专业级Scroll滚动效果（滚动视差）的框架，框架大小不到1KB,使用回调的方式将相关动画元素的属性进行实时分配，方便你做出个性化的动态效果。
自己是从事了五年的前端工程师，不少人私下问我，2019年前端该怎么学，方法有没有？
没错，年初我花了一个多月的时间整理出来的学习资料，希望能帮助那些想学习前端，却又不知道怎么开始学习的朋友。
这里推荐一下我的前端学习交流群：731771211，里面都是学习前端的从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴。2019最新技术，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!
点击：加入
原文地址：http://blog.51cto.com/14197670/2350751