精华内容
参与话题
问答
  • WEB前端工具

    2017-06-17 17:05:07
    直接拖放到谷歌浏览器扩展程序页面即可使用,支持各种编解码,json格式化。
  • Web 前端工具

    2017-08-28 11:57:13
    前端工具,帮助快速开发

    1、雪碧图在线工具
    http://www.spritecow.com/

    展开全文
  • web前端工具 hehelper

    2017-12-05 14:39:20
    web前端 谷歌工具 hehelper 。
  • web前端工具

    2018-09-13 21:13:33
    包含sublime代码编写工具;Postman关于数据库连接等测试工具以及数据库可视化工具(可配合mongo数据库使用)
  • 常用web前端工具

    2018-12-31 09:03:06
    这个工具集的列表包含许多种类的资源Javascript库Particles.js-一个用来在web中创建炫酷的浮动粒子的库Three.js-一个用来在web中创建3d物体和3d空间的库Fullpage.js-快速实现全屏滚动特性Typed.js-打字机效果...

    这个工具集的列表包含许多种类的资源

    Javascript库

    Particles.js-一个用来在web中创建炫酷的浮动粒子的库
    Three.js-一个用来在web中创建3d物体和3d空间的库
    Fullpage.js-快速实现全屏滚动特性
    Typed.js-打字机效果
    Waypoints.js-滚动到某个元素位置时触发一个功能
    Highlight.js-web语法高亮
    Chart.js-使用JavaScript创建漂亮的图表
    Instantclick-能够明显加速网站加载时间,鼠标hover时预加载资源
    Chartist-另一个图表库
    Motio-一个基于动画和平移的雪碧图库
    Animstion-css实现动画过度的jQuery插件
    Barba.js-流式页面过度
    TwentyTwenty-一个对比图片的可视化diff工具
    Vivus.js-在svg上绘制动画
    Wow.js-滚动时展现动画
    Scrolline.js-页面滚动时显示滚动进度
    Velocity.js-快速流畅的JavaScript动画
    Animate on scroll-漂亮的页面滚动元素动画
    Handlebars.js-Javascript模版
    jInvertScroll-视差滚动
    One page scroll-又一个页面滚动库
    Parallax.js-对智能设备方向变化做出响应的视差引擎
    Typeahead.js-搜索补全
    Dragdealer.js-炫酷拖拽
    Bounce.js-创建炫酷的css3动画
    Pagepiling.js-全屏滚动
    multiscroll.js-两列垂直反向滚动
    Favico.js-动态favicon
    Midnight.js-固定头部切换效果
    Anime.js-动画库
    Keycode-获取键盘按键的JavaScript keycode
    Sortable-拖拽插件
    Flexdatalist-自动补全
    Slideout.js-移动应用侧滑导航
    Jquerymy-使用jQuery实现双向数据绑定
    Cleave.js-实时格式化输入内容
    Page-客户端单页应用路由
    Selectize.js-用来添加tag的Hybrid选择框
    Nice select-创建漂亮的选择框的jQuery库
    Tether-使用固定定位来创建相关元素
    Shepherd.js-为应用创建新手引导
    Tooltip-tooltip提示框
    Select2-Jquery选择框插件
    IziToast-通知弹框实现
    IziModal-模态框实现\

    CSS库/设计相关

    Animate.css-动画库
    Flat UI Colors-扁平化设计配色
    Material design lite-基于Google material design的框架
    Colorrs-随机颜色生成器
    Section separators-Css实现区域分割
    Topcoat-框架
    Create ken burns effect-使用css3动画实现ken burns特效
    DynCSS-给css添加functon,动态化css
    Magic animations-css3实现动画特效
    CSSpin-css spinners(合集)
    Feather icons-icon集合
    Ion icons-icon集合
    Font awesome-icon集合
    Font generator-组合多个字体创建混合字体
    On/Off switch-使用CSS创建on/off开关、radio按钮
    UI kit-框架
    Bootstrap-框架
    Foundation-框架
    cheatsheet-可以写在中的所有标签
    Ghost-基于Node.js的博客平台
    What runs-一个用于网站技术分析的Chrome插件
    Learn anything-一个强大的用于分析某个主题的思维导图


    展开全文
  • Web前端工具箱整理

    2018-05-16 16:20:02
    在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,ruby工具,中文简繁体转换,迅雷下载链接转换,程序猿的在线工具 Atool在线工具箱(http://www.atool.org) ...

    在线工具箱(http://tool.lu) 推荐 ⭐⭐⭐⭐⭐

    在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,ruby工具,中文简繁体转换,迅雷下载链接转换,程序猿的在线工具

    Atool在线工具箱(http://www.atool.org) 推荐 ⭐⭐⭐⭐⭐ 由华中科技大学一位在校女研究生开发的在线工具集合网站,旨在做出最简单方便、最完整干净、最全面完整的工具网站,目前已经有专门的团队参入工具的增加和开发,涉及多媒体在线工具、站长SEO网站主机工具、辅助开发人员工具、一起多项便民娱乐工具,尽量满足大家各项工具需求。

    http://www.atool.org 阿里巴巴矢量图库(http://www.iconfont.cn) 推荐 ⭐⭐⭐⭐ 国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具

    http://www.iconfont.cn 网站颜色搭配(http://colorhunt.co/)推荐 ⭐⭐⭐ 网站配色站点,页面感觉挺友好的,没有广告,需要什么颜色直接就可以复制过来,非常的方便

    http://colorhunt.co/ 前端开发仓库(http://code.ciaoca.com)推荐 ⭐⭐⭐⭐⭐ Web前端开发仓库,收录常用的JavaScript及jQuery插件,并提供在线演示效果。

    http://code.ciaoca.com css3动画库(http://isux.tencent.com/css3/tools.html)推荐 ⭐⭐⭐ 有时候你可能是需要一个CSS3动画,而不像引入整个庞大的css3库,这时这个工具就派上用场了,你可以直接复制你想要的动画,放到自己项目中

    转载于:https://juejin.im/post/5afc59f6f265da0b7026193f

    展开全文
  • 10款Web前端工具

    2016-06-22 22:36:00
    10款让Web前端开发人员生活更轻松的实用工具。每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择。 对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你...

    10款让Web前端开发人员生活更轻松的实用工具。每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择。

    对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率。

    神器推荐:
    《让网页舞动起来!25个免费的视差滚动插件》
    《高端干货!PHOTOSHOP实用脚本大合集》
    《一行代码都不写!完成简单网页的设计上传发布》

    Spritepad

    10款让Web前端开发人员生活更轻松的实用工具

    借助 SpritePad,你可以在几分钟甚至几秒钟内创建你的CSS Sprite。只需拖放您的图片,立即可以生成 PNG 精灵图片以及CSS代码。不需要在 Photoshop中操作,不需要编写任何的CSS样式。

    Html5test

    10款让Web前端开发人员生活更轻松的实用工具

    这个 HTML5 测试得分能够提示您正常使用的浏览器对于 HTML5标准和相关规范的支持情况的指标。

    Spur

    8

    Spur 是一个有趣和简单的方法来评判网页设计的方式,你从来没有做过的事情。只贴上一个网址(或上传图片),你就可以使用七种不同的工具来帮助你。

    JPEG Mini

    7

    能够帮助你把 JPEG 格式照片的文件大小减小5倍,同时保持原有的品质和 JPEG 格式。

    Site Validator

    6

    由W3C 官方验证对你的网站完成验证,这包括验证你网站中的HTML5标记。

    Codepen

    5

    CodePen 是一个在线的 HTML、CSS 和JavaScript代码编辑器,能够编写代码并即时预览效果。可以用于在线展示的作品,也可以看到其他人在网页中实现的各种令人惊奇的效果。

    Brackets

    4

    Brackets 是一款开源的代码编辑器,专门为前端开发人员和设计师打造,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。

    Codekit

    3

    CodeKit 帮助您更快更好地建立网站。网站右侧的一分钟预告片视频将是一个良好的开始。

    Patternizer

    2

    Patternizer 是一个在线工具,帮助您使用在线界面生成基于CSS3的条纹效果。

    CSS3 Click Chart

    1

    CSS3点击图表是一个方便的CSS3属性参考工具,演示 CSS3 特性的示例代码以及浏览器支持情况的详细信息。

    展开全文
  • web前端工具(配色图片图标)

    千次阅读 2015-08-03 12:32:37
    配色工具: https://kuler.adobe.com/zh/explore/newest/ http://slayeroffice.com/tools/color_palette/ 在线取色: http://www.ficml.org/jemimap/style/color/wheel.html ...
  • 版权声明:本文为博主原创文章,未经博...2.2 PackageControl 插件的安装Package Control是一个用来进行在线安装插件的工具,在使用前需要先安装。 如果已经安装过 PackageControl 的同学可以直接跳过这一步!安装 Pa
  • 简介最近在复习Web前端知识的时候,接触到Sublime这个神器,由于插件多,开启速度快,各种代码快的定义,写WEB前端简直开发神速,这篇文章就是我在使用中需要掌握到的一些基本知识。
  • Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示:  安装:在SUBLIME的package ...
  • 随着互联网技术的发展,用户对于web网页的依赖性越来越重,这对于web前端开发工程师的要求也在不断提高,作为开发者来说,开发工作需要依赖很多开发工具的协助。才能更高效的完美的呈现出炫酷的页面。下面小编给大家...
  • web前端优化工具

    万次阅读 2019-02-27 11:29:34
    页面结构分析工具: YSlow/PageSpeed 通过网页 JS/CSS/Image 数及请求数量、请求类型、缓存等方面的静态分析 ,多用于本地开发或者本地测试 真实用户浏览页面分析:OneAPM Browser Insight 通过真实浏览器访问页面,...
  • Web前端开发工具

    千次阅读 2018-11-25 14:37:23
    #前端开发工具 -Sublime text -Visual Studio Code -Webstrom
  • 前端学习路线

    万次阅读 多人点赞 2015-10-28 11:22:47
    前端开发工程师 不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级...
  • web前端开发工具

    千次阅读 2018-12-26 12:52:54
    正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果。在这里我结合了自己的使用,分享几个比较实用的工具。 (1) h5目前是网站开发必需的语言,要学好h5建议用 ...
  • 初级 浏览器 Google Chrome 75.0.3770.100www.google.cn/intl/zh-CN/chrome初级 移动端模拟器 Genymotion 6.0.6www.genymotion.com初级 IOS Simulator 11apps.apple.com/us/app/xcode/id497799835?mt=12初级 IDE开发...
  • 各式 Web 前端開發工具整理

    千次阅读 2013-11-20 13:27:05
    各式 Web 前端開發工具整理 這裡收集了一系列各式各樣與「網頁前端」相關的開發工具、函式庫與參考文件,這些工具僅針對一般桌上型/筆記型電腦的顯示環境為主 (不含平板或手機等行動版網頁相關工具)。 程式碼...
  • web前端切图工具

    2020-07-19 01:51:47
    今天我跟大家分享的工具叫cutterman 插件地址:Cutterman - 最好用的切图工具 Photoshop cc 2020 链接:https://pan.baidu.com/s/1I-P7XCdT5K0OiCuFUury9g提取码:9wfy 这是一款Photoshop的扩展工具,要求CC2014...
  • web前端性能分析工具

    2019-01-31 09:40:06
    web前端性能分析工具工具引导:以供测试工程师参考阅读

空空如也

1 2 3 4 5 ... 20
收藏数 7,851
精华内容 3,140
关键字:

web前端工具