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

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

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

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 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2019年2月21日 上午9:37
下一篇 2019年2月21日 下午12:59

99%的人还看了以下文章

  • 网页上标准的广告尺寸规格大全 网页设计

    网页上标准的广告尺寸规格大全

    网页中的标准网页广告尺寸规格 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展…

    江山如画的头像 江山如画
    2020年3月11日
    7.7K0

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

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

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

  • 绝美！9种最有意境的蓝色

    蓝色既代表着忧郁，又代表着温柔，它和白色混合之后，还能体现柔顺、淡雅、浪漫的氛围，像天空的色彩~蓝的种类也有很多，克莱因蓝是备受设计师喜爱的一种，也是最经典的一种，而且蓝色是最具凉爽、清新、专业的颜色，今天125建站网给大家分享9种不同的蓝色，你更喜欢哪一种呢？

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

  • 设计师必收藏的22个设计素材网站

    设计素材，是设计师创意的利剑。中国网页设计对素材门户网站进行整理，给广大设计师推荐国内最好的22个设计素材网站

    江山如画的头像 江山如画
    2020年2月23日 • 网页设计
    11.7K0

  • 如何给节日主题、活动主题做设计

    产品的节日主题设计，已经成为各大门户争先出彩的亮点之一，无论是春节、元旦、七夕、圣诞等传统节日，还是双十一、双十二、阿里年货节和京东蝴蝶节等电商活动日，甚至还有各种国际节日都可以成为各大品牌的一个Show场。 近日，中国网页设计接到一项目需要做活动主题页面，在网上查了下相关教程不是很多，能讲深讲透的更少。后来看到JaylonG的文章，感觉很有启发，现分享给大…

    江山如画的头像 江山如画
    2018年3月12日 • 网页设计
    4.9K0
  • 网页设计第一步：绘制网站草图 网页设计

    主流网页设计页面的的宽度（尺寸）是多少？

    最新的中国网民电脑分辨率统计情况显示95%的用户在1280以上，一些用户数较多的电商网站最大宽度一般也为1190或1200，如淘宝、天猫、京东…网页宽度为1200将会成为主流，当然现在很多网站为响应式网站可以适应多种分辨率了。

    江山如画的头像 江山如画
    2020年3月11日
    22.8K0

发表回复

登录后才能评论