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

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

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

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

  • 平面设计中最常用的一项设计技法-K先生案例精讲 网页设计

    平面设计中最常用的一项设计技法-K先生案例精讲

    对比是在平面设计中最常用的一项设计技法，几乎每一个作品中都会出现“对比”的痕迹，今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧，包括大小、色彩、肌理、前后、疏密、虚实…等等，每个技巧运行都配有设计案例，一步步教你如何分析设计，讲解到位，通俗易懂，实用性强，一定会对你的设计有所帮助。

    江山如画的头像 江山如画
    2020年4月26日
    10.9K0
  • 网页制作实战项目一：个人站点制作 网页设计

    网页制作实战项目一：个人站点制作

    在开始学习之前，请加入网页设计交流群：208047327 ，并注册本站用户，在项目制作过程中有任何问题，可以在群内讨论，或进入本站问答社区互动。 【时间要求】 2 学时（ 45 分钟× 2=90 分钟） 【上机内容】 个人站点制作 【上机目的】1 、了解网页的组成2 、掌握网站的目录结构3 、掌握表格布局方法和技巧4 、掌握HTML及CSS的基础知识5、培养…

    江山如画的头像 江山如画
    2018年4月7日
    16.2K3

  • 福利！13款免费商用黑体字体推荐

    “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体，前 6 款为各大品牌开发的黑体字型，后 7 款是在传统黑体上进行设计改造，形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅，显示效果优秀，可以满足不同场景下的文字显示需求。由于字…

    江山如画的头像 江山如画
    2023年1月20日 • 网页设计
    6.1K0
  • web前端开发 网页设计

    最完善的前端开发流程（详解）

    前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、甚至看不见的问题）的表现形式，都会暴露在前端，而只有部分问题（数据问题、计算问题、安全问题等）暴露在后端，这就意味着前端起到了至关重要的承载和连接作用。 一、前端开发流程 需求评审 一般在做需求评审时，PRD里只有交互稿，尚未有视觉稿。…

    江山如画的头像 江山如画
    2023年1月18日
    1.9K0
  • 网页设计中的字体选择以及常用字号 网页设计

    网页设计中的字体选择以及常用字号

    网页设计中的字体 中文：宋体，微软雅黑，方正系列（无状态） 英文： Helvetica：被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。 Lucida Grande：是Mac OS U…

    江山如画的头像 江山如画
    2019年10月22日
    5.4K0

  • 界面设计的字体规范：常用字体，字号，字体颜色及间距对齐

    今天125网页设计给大家分享界面设计中常用的字体，字号，字体颜色及间距对齐的一些小经验，通过设计经验可以帮助你做出更好的版式，相信大家会有收获。 一、常见界面设计中字体使用问题 1.字体样式太多，导致页面杂乱 2.使用的字体不易识别 3.字体样式和内容的气氛或规范不匹配 二.界面设计中文字的使用规则 移动端常规字体 IOS:常选择华文黑体或者冬青黑体，尤其是…

    江山如画的头像 江山如画
    2018年12月29日 • 网页设计
    7.7K0

发表回复

登录后才能评论