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

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)
江山如画的头像江山如画管理团队
上一篇 2019年2月21日 上午9:37
下一篇 2019年2月21日 下午12:59

99%的人还看了以下文章

  • 初学网页制作从这里开始

    本系列教程的目的就是:通过简单、全面和正确的介绍,教会你如何创建网站。本教程将从基础讲起,不要求你具备任何编程知识。假如你继续阅读本教程的话,你将能在一小时内制成一个网站。

    2020年2月22日
    4.2K0
  • HBuilder-专为前端打造的支持HTML5的Web开发工具

    HBuilder是DCloud(数字天堂)是专为前端打造的支持HTML5的Web开发工具,具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。 HBuilder强大的代码助手帮你快速完成开发。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。 HBuilde…

    2018年3月23日
    5.7K0
  • 网页制作中表单的设计及优化方法

    表单是网页制作中常用的元素,本文会探讨表单设计的注意事项。但这些只是通用规范,每条准则总有特殊情况。 表单应该只有一列 多列布局会扰乱用户垂直方向的视线移动。 把标签放到顶部 顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标…

    2018年7月30日 网页设计
    3.5K0
  • 从零开始做APP界面设计三:字体选择 字号及配色方案

    上一篇《从零开始做APP界面设计二:App界面设计尺寸》我们学习了app界面设计尺寸规范,今天中国网页设计给大家分享App界面设计中字体的选用、字号设置及配色方案。 App界面设计标准色: 背景用色、文字用色、图标用色 App界面设计标准字: IOS:中文使用苹方字体  英文和数字使用Helvetica Android:中文使用思源黑体 英文和数字使用Rob…

    2018年4月22日
    6.0K0
  • 5个制作网站必须思考的问题,解决好这些才能提高访问量

    决定做一个网站前,站长们需要深入思考这5大问题。如果你能妥善地解决好这些问题,那你的网站一定会吸引用户,访问量大增。

    2018年2月28日
    2.3K0
  • 制作网页都不用Dreamweaver,而用它了

    Dreamweaver 学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver,这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。 此时,很多人会陷入一个误区,那就是既然借助这么帅的IDE,通过鼠标点击菜单就可以快速方便地制作网页。那么我们为什么还要去学习HTML、…

    2019年10月27日
    8.1K0

发表回复

登录后才能评论