内容简介:上篇文章本篇文章小编再给大家推荐HTML、CSS、Javascript等相关的十几款工具,希望大家喜欢。
上篇文章 《19年你应该尝试的50款前端工具(上)》 ,小编介绍了构建、框架和库的相关工具,没想到收到这么的关注,再次感谢大家,祝大家新年快乐,阖家欢乐,万事如意。
本篇文章小编再给大家推荐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可以让浏览器以接近标准的方式一致地渲染所有元素,而且不同于cssrest,只针对需要正常化的元素。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,使用回调的方式将相关动画元素的属性进行实时分配,方便你做出个性化的动态效果。
小节
今天的内容就分享到这里,在下篇文章里我将会给大家分享报表、React、测试和数据等相关的21款工具,敬请期待!
更多精彩内容,请微信关注”前端达人”公众号!
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Learn Python 3 the Hard Way
Zed A. Shaw / Addison / 2017-7-7 / USD 30.74
You Will Learn Python 3! Zed Shaw has perfected the world’s best system for learning Python 3. Follow it and you will succeed—just like the millions of beginners Zed has taught to date! You bring t......一起来看看 《Learn Python 3 the Hard Way》 这本书的介绍吧!