投稿
  1. 125jz首页
  2. 资源
  3. 建站软件

网站前端开发常用工具大全-web设计师必备

江山如画 • • 建站软件, 网页设计 • 阅读 16064

web前端开发常用工具

今天给大家分享的是网站前端开发常用工具及网址。

掌握了这些工具中的大部分，会让你的WEB前端设计工作事半功倍，您离一个优秀的前端设计师也就不远了~~

网站前端开发常用工具大全-web设计师必备

原前端开发网（w3cfuns）开发，让前端开发变得更简单，exe文件只有1.67MB，点击直接运行，不需要安装，很方便。

功能：正则表达式、代码压缩、雪碧图制作、json格式化等，如果你经常在没有网络的办公环境写代码，这个工具必备，离线办公，轻松无忧。

 网站克隆神器-Teleport ultra

可以简单快速保存你所喜欢的网页，是仿制网站的利器。软件支持计划任务，定时到指定网站下载指定的内容，经由其保存的网站，保持源站点的CSS样式、脚本功能，超链接也都替换为本地链接以方便浏览。对于CMS模板和二次开发的人来说绝对是神器。

网站前端开发常用工具大全-web设计师必备

web色彩搭配

http://www.peise.net/tools/web/

http://www.peise.net/tools/lilun/lilunxuexi.html

http://www.colorschemer.com/online.html

http://www.workwithcolor.com/hsl-color-picker-01.htm

《配色就是这么简单！7个在线配色网站推荐》

CSS3 生成器

http://www.css3maker.com/

http://www.flickyard.in/autocss3/

http://www.colorzilla.com/gradient-editor/

http://css3pie.com/

CSS3 按钮生成器

http://www.wordpressthemeshock.com/css-drop-shadow/

http://css3buttongenerator.com/

CSS 图片合成器

http://csssprites.com/

http://cn.spritegen.website-performance.org/

CSS代码检查

http://csslint.net/

ajax loading图片

http://ajaxload.info/

http://preloaders.net/

浏览器市场

http://tongji.baidu.com/data/browser

测试浏览器支持CSS3情况

http://css3test.com/

http://selectivizr.com/

http://www.findmebyip.com/litmus

检测用户体验

http://gtmetrix.com/

CSS模板生成器

http://blog.html.it/layoutgala/

http://www.mycelly.com/

http://www.intensivstation.ch/en/templates/

CSS压缩

http://www.csscompressor.com/

CSS常用字体

http://cssfontstack.com/

http://www.dafont.com/

CSS3 Transform

http://www.useragentman.com/IETransformsTranslator/

CSS3 贝塞尔曲线

http://cubic-bezier.com/#.47,.73,1,.41

YUI CSS grid工具

http://developer.yahoo.com/yui/grids/builder/

JavaScrip代码优化美化

http://js.clicki.cc/

代码演示

http://jsfiddle.net/

http://ikeepu.com/bar/20143449

http://codepad.org/

本地及常用软件及IDE编辑器

1. MarkMan —— 设计师，前端工程师必备

2. VIM —— 超快的编辑器

3. Adobe PhotoShop CS6 —— 切图专用

4. IE Tester —— 检查页面兼容

5. Fiddler2 —— 检测请求

6. Beyond Commpar —— 文件比较

7. GIT —— 分布式版本控制

8. Opera Mobile Emulator —— 手机浏览器

9. SimpLESS —— LESS

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3293.html

赞 (1)
江山如画的头像江山如画管理团队
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
网页设计技巧：3步提升网页品质
上一篇 2019年2月21日 上午9:37
设计网站主页必须遵循的5点基本原则
下一篇 2019年2月21日 下午12:59

99%的人还看了以下文章

  • web前端开发 网页设计

    web前端开发学习路线

    如果你是新手，准备学习web前端开发的话，一定要想想为什么要学习它？性趣、爱好、获得一份相关工作…… 定位好自己，持之以恒，然后是多学、多思、多练、多交流、多总结，发现自己的问题，然后克服。在状态不好的情况下，要及时调整，多向大牛请教，那样往往能让自己成长的快，切勿急躁。 初学web前端开发可以看一些入门视频教程，之后可以买一些书，做一些小项目，要学会分析自…

    江山如画的头像 江山如画
    2018年1月18日
    11.0K0
  • 网页制作常用特殊符号大全 网页设计

    网页制作常用特殊符号大全

    网页常用特殊符号大全-最全的网页制作特殊符号。在做网页时经常会用到一些特殊符号，本文汇总了所有常用网页制作时用到的特殊符号包括18禁、爱心符号、货币符号、箭头符号、日语字符、 皇冠符号、emoji符号等。

    江山如画的头像 江山如画
    2018年2月19日
    13.4K0

  • 怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载

    怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载

    字体版权一直是很多设计师的雷区，一不小心就容易触犯。125建设网和大家一起来弄清楚：免费可商用字体到底有哪些？怎么知道哪些字体是侵权的？ 怎么知道哪些字体是侵权的？ 可以在360查字体：https://fonts.safe.360.cn网站上检查自己电脑上哪些字体是免费可商用的，哪些是商用需要授权的。 免费可商用字体有哪些？ 1. 思源黑体（推荐） 思源黑体…

    江山如画的头像 江山如画
    2023年1月18日 • 网页设计
    9.7K0

  • 从零开始做APP界面设计一：iOS 界面设计规范

    从零开始做APP界面设计一：iOS 界面设计规范从零开始做APP界面设计一：iOS 界面设计规范从零开始做APP界面设计一：iOS 界面设计规范从零开始做APP界面设计一：iOS 界面设计规范

    准备整理一套APP界面设计教程，可能会花费一段时间，请持续关注。 首先开篇我们介绍APP 界面设计，也就是新手最常遇到的问题：尺寸。 我们以iPhone 7为例讲解iOS 界面设计规范。 一、APP 界面设计工具 做APP 界面设计用的最多的就是PS和AI了，如果你是Mac用户，可以尝试一下Sketch，软件的版本当然是推荐高版本，因为功能更强大，作图的速度…

    江山如画的头像 江山如画
    2018年4月20日 • 网页设计
    8.8K0
  • web 网页设计

    做什么样的网站好,什么样的网站才能吸引用户？

    什么样的网站是好网站，做什么样的网站好？网站要以什么样的形式来吸引你的用户？

    江山如画的头像 江山如画
    2019年1月25日
    2.7K0

  • 设计师提升作品精致度的4个方法！

    设计师提升作品精致度的4个方法！设计师提升作品精致度的4个方法！设计师提升作品精致度的4个方法！设计师提升作品精致度的4个方法！

    提升作品精致度的方式：1、选择背景要高清、尽量选简不选繁；2、中、英文字要使用相对应的字体，提升整体层次感；3，善于使用图形化的元素，但是要注意尽量不要太复杂，否则会影响整体视觉感受；4、合理的留白，但是要避免盲目过度的留白；

    江山如画的头像 江山如画
    2023年1月24日 • 网页设计
    14.4K0

发表回复

登录后才能评论