前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >19年你应该关注这50款前端热门工具(中)

19年你应该关注这50款前端热门工具(中)

原创
作者头像
前端达人
修改2019-02-06 14:40:52
2K0
修改2019-02-06 14:40:52
举报
文章被收录于专栏:前端达人

上篇文章《19年你应该尝试的50款前端工具(上)》,小编介绍了构建、框架和库的相关工具,本篇文章小编再给大家推荐HTML、CSS、Javascript等相关的十几款工具,希望大家喜欢。

HTML和CSS工具

15、 keyframes.app

https://keyframes.app

一款基于时间关键帧,在线制作网页动画的网站,你无需在编辑器和浏览器直接互相切换,及所见即所得。keyframes.app提供在线制作和谷歌浏览器扩展插件两种形式。制作完成后,很方便的将生产的CSS代码复制到你的项目中。

16、 Emotion

https://emotion.sh/

Emotion是一款用JavaScript编写css的库,支持字符串和对象两种方式声明CSS变量,如果你在使用React,试用这个库将让你以更加优雅的方式用JavaScript编写CSS。

17、modern-normalize

https://github.com/sindresorhus/modern-normalize

normalize.css可以让浏览器以接近标准的方式一致地渲染所有元素,而且不同于cssrest,只针对需要正常化的元素。modern-normalize只针对现代浏览器,而且足够现代,甚至IE和Edge都已经放弃。

18、layerJS

https://layerjs.org/

一款你只需要编写HTML就能很轻松实现菜单、画框、弹出层、滚动视察、缩放、触摸手势等众多效果的框架,这个框架代码压缩版只有30KB,很方便与各种前端框架集成(Angular,VueJS,React),支持响应式和触摸,并且不依赖任何库就能实现。

19、css-blocks

https://css-blocks.com/

一款受 CSS Modules, BEM 和 Atomic CSS 框架启发,为你的web应用组件提供完美的CSS模块方案。

20、usebasin

https://usebasin.com/

一款你只需要设计表单,无需编写后端代码,就能很方便的将表单应用集成到你的项目里。

21、mustard

https://mustard-ui.com/

一款适合初学者的CSS框架,但是看起来还蛮不错,模块化,开源,压缩版只有6KB,支持FLEX,Grid布局和自带一些漂亮UI,比如进度条,表单、按钮等,虽然小,但功能齐全。

javascript工具

22、ScrollHint

https://appleple.github.io/scroll-hint/

一个JS库,用于指示元素可以水平滚动,并带有指针图标,如果你在做一个新手引导,这个工具将会是一个不错的选择。

23、ToastUI editor

https://github.com/nhnent/tui.editor

强大的Markdown编辑器tui.editor,方便集成到你的项目里,这款强大的富媒体编辑器有以下特点:

  • 支持 CommonMark 与 GFM(GitHub Flavored Markdown)两种标准
  • 支持丰富的扩展插件,如颜色选择器、图表、UML、表格合并
  • 提供了所见即所得与 Markdown 这两种模式,在编辑过程中可以随时切换,非常方便。在所见即所得模式下,可以直接从浏览器、 Excel、PPT等复制文本,并且保留原来的格式

24、FilePond

https://github.com/pqina/filepond

Filepond 是一个用于文件上传的 JavaScript 库,可以上传任何内容,优化图像以获得更快的上传速度,并提供一个出色的,可访问的,流畅的用户体验。

Filepond 提供了多种上传方式:拖放,复制和粘贴文件,浏览文件系统或仅使用库的API。 gzip 压缩后仅有 21KB ,并且内置了图像优化和图像自动调整功能。

Filepond 适用于 React , Vue , Angular 和 jQuery 。

25、Dinero.js

https://sarahdayan.github.io/dinero.js/

一个用来创建、计算和格式化货币价值的不可变的框架。

无论在银行应用程序、电子商务网站还是证券交易所平台,我们每天都在与金钱互动。我们也越来越依赖技术来处理问题。

然而,关于如何以编程处理货币价值尚无共识。虽然金钱是现代社会中普遍存在的概念,但相较于日期和时间之类的东西,它并不是任何主流语言中的一流数据类型。结果,每一种软件都有自己的处理方式,且伴随着陷阱。

Dinero.js遵循Fowler的模式更多一点儿。它允许你在JavaScript中创建、计算和格式化货币值。你可以进行数学运算、解析和格式化对象,使你的开发过程更加轻松。

该库设计为不可变和可链接的模式。它支持全局设置,具有扩展格式选项,并提供本机国际化支持。

26、Swup

https://github.com/gmrchk/swup

一款适合初学者的框架,方便灵活易用,让你能快速制作专业级的页面转场动画效果。

27、Selection.js

https://simonwep.github.io/selection/

简单易用的可视化,支持鼠标拖拽、使用Cmd/Ctrl+click 选择页面元素的库(支持分组选择),大大节省了你的开发时间。只有3KB大小,不依赖jQuery。

28、Glider.js

https://nickpiscitelli.github.io/Glider.js/

一个超快速(25毫秒加载),轻量级(小于3KB),无依赖性(不需要jQuery)的制作幻灯效果的前端库,支持响应式,易于扩展,方便自定义事件等...,更多特性等待你的发现!

29、ScrollOut

https://scroll-out.github.io/

一款帮你制作专业级Scroll滚动效果(滚动视差)的框架,框架大小不到1KB,使用回调的方式将相关动画元素的属性进行实时分配,方便你做出个性化的动态效果。

小节

今天的内容就分享到这里,在下篇文章里我将会给大家分享报表、React、测试和数据等相关的21款工具,敬请期待!

更多精彩内容,请微信关注”前端达人”公众号!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTML和CSS工具
    • 15、 keyframes.app
      • 16、 Emotion
        • 17、modern-normalize
          • 18、layerJS
            • 19、css-blocks
              • 20、usebasin
                • 21、mustard
                • javascript工具
                  • 22、ScrollHint
                    • 23、ToastUI editor
                      • 24、FilePond
                        • 25、Dinero.js
                          • 26、Swup
                            • 27、Selection.js
                              • 28、Glider.js
                                • 29、ScrollOut
                                • 小节
                                相关产品与服务
                                腾讯云 BI
                                腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
                                领券
                                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档