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

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

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

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%的人还看了以下文章

  • 2023新年福利第二弹：38个设计师必备技巧（进阶） 网页设计

    2023新年福利第二弹：38个设计师必备技巧（进阶）

    江山如画的头像 江山如画
    2023年1月21日
    18.9K0

  • 网页设计中字体运用的12个技巧一超实用！

    网页设计中字体运用的12个技巧一超实用！网页设计中字体运用的12个技巧一超实用！网页设计中字体运用的12个技巧一超实用！网页设计中字体运用的12个技巧一超实用！

    文字、文本排版是日常网站设计工作中经常用到，看似简单的文字，实际上排版也是很有讲究。 1. 了解字体的性格 每个字体都有性格，人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢，了解你的目标人群，知道你文档的用途，选择一类字体，使用你的目标人群所期望的字体，是你的文档的用途所需要的字体。 更多请阅读：网页设计字体篇：字体的性格 2. 避免使用默认字…

    江山如画的头像 江山如画
    2019年10月26日 • 网页设计
    14.9K0
  • jsp教程,jsp专题 建站软件

    支持中文的jsp文件上传组件：jspSmartUpload.jar下载

    jsmartcom_zh_CN.jar 资源类别：编程开发软件版本：英文软件大小：13KB推荐等级：★★★★资源语言：英文授权方式：免费版 jsp(SUN企业级应用的首选)SmartUpload是一个可免费使用的全功能的文件上传下载组件，适于嵌入执行上传下载操作的jsp(SUN企业级应用的首选)文件中。该组件有以下几个特点： 1、使用简单。在jsp(SUN企…

    江山如画的头像 江山如画
    2018年12月11日
    16.9K1
  • 配色就是这么简单！6个在线配色网站推荐 网页设计

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

    配色对一个网站的来说非常重要，优秀的网页配色不是单纯好看就行了，颜色是有功能和目的的，需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时，你要清清楚楚的知道，你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等，都应该作为选色的考量因素。 但网页配色更多的需要大量的实践去体会。简单来说…

    江山如画的头像 江山如画
    2018年1月31日
    33.1K1
  • 网页制作实战项目五：根据网页效果图制作网页 网页设计

    网页制作实战项目五：根据网页效果图制作网页

    了解网页制作全过程，能够根据网页效果图PSD源文件，切图并制作出网页。

    江山如画的头像 江山如画
    2018年5月3日
    13.2K0
  • 中国网页设计 网页设计

    如何制作自己的网页

    要制作网页，建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件 如：Dreamweaver，hbuiler X，webstorm，Sublime Text 这样可以使您更了解网页制作与运营的原理。最好是结合教程边学习边制…

    江山如画的头像 江山如画
    2020年2月18日
    9.3K0

发表回复

登录后才能评论