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

江山如画 • 2019年2月21日上午11:49 • 建站软件, 网页设计 • 阅读 14919

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

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

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

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

网站克隆神器-Teleport ultra

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

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)

江山如画管理团队

微信扫一扫

微信扫一扫

支付宝扫一扫

支付宝扫一扫

网页设计技巧：3步提升网页品质

网页设计技巧：3步提升网页品质

上一篇 2019年2月21日上午9:37

设计网站主页必须遵循的5点基本原则

设计网站主页必须遵循的5点基本原则

下一篇 2019年2月21日下午12:59

网页设计

如何制作网页，网站制作流程

如何制作网页？初学者如何制作满意的网页？网站制作流程。

江山如画
2019年1月25日
11.6K01
网页设计

制作网页，你需要掌握以下知识

推荐：如何制作网页，网站制作流程 HTML（超文本标记语言）：HTML是用于构建网页结构的标记语言。你需要学习HTML标签、属性和元素的使用，了解如何创建网页的基本结构、标题、段落、链接、图像等。推荐学习：Html入门教程（零基础）、跟永哥学HTML5 CSS（层叠样式表）：CSS用于为网页添加样式和布局。你需要学习CSS选择器、属性和值的使用，了解如何设置…

江山如画
2023年10月4日
13.0K00
字体性格—解决字体设计和使用的问题（精）

字体性格就是通过字体结构、笔画、细节的差异，塑造出形式多变的字体，从而给人不同的视觉感受。好的字体设计，总能在第一时间准确地传达字体情感，这就是字体性格的魅力。

江山如画
2019年11月27日 • 网页设计
10.9K00
如何给节日主题、活动主题做设计

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

江山如画
2018年3月12日 • 网页设计
11.4K00
网页设计

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

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

江山如画
2018年2月19日
12.2K08
如何提升设计价值——方法篇

设计≠艺术，设计从诞生之初就是为“解决问题”而存在。在体验设计场景，如果业务方是“需求提出者”，那产品经理和设计师就是从不同视角切入的“问题解决者”，而用户既是“需求源头”，又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

江山如画
2023年1月16日 • 网页设计
10.0K00

发表回复

登录后才能评论