8个非常有用的在线工具来提高你的Web设计和开发能力

标签: 在线 工具 web | 发表时间:2014-10-06 20:25 | 作者:u010870518
出处:http://blog.csdn.net

最近在网上看到一张帖子感觉不错!不过是英文版的今天闲着没事锻炼一下英语能力分享给大家看看!

原文地址: http://webdesignledger.com/tools/8-useful-online-tools-for-web-designers-and-developers

译文如下:

在工作中借助一些非常好用的工具可以让你专注于更重要的事情,进而提高工作效率。本文收集了一些设计和开发相关的在线工具,分享给大家,希望对你有帮助。

ProCSSor


ProCSSor是一个很不错的CSS代码美化工具,它可以帮助你很轻松的把代码转换成很美观。

jsFiddle


JsFiddle有多种用途,其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段,而且代码可以分享,还可以嵌入到你的博客中等等。

Frame Box


Frame Box是一个非常好用的用于在线分享线框图(wireframes)的工具。

Spritebox


Spritebox是一个所见即所得的工具,帮助Web设计者迅速而轻松地从一张精灵图片(CSS Sprit Image)创建CSS类和ID选择符样式。这里涉及到一项技术叫CSS Sprites,在国内很多人叫CSS精灵,它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。

CSS3 Generator


这是一个简单的跨浏览器CSS3样式生成器,可以生成你想要的任何值。

Super Conversion Button


这个工具可以帮助你瞬间生成一个美观的试用(Try it now)按钮。

wordmark.it


这个工具之前曾介绍过,可以帮助你直观的查看当前电脑上安装了哪些字体。

0 to 255


这个工具可以帮助设计人员更快的找到所需的颜色。


ok!英语不行的翻译起来真痛苦!


作者:u010870518 发表于2014-10-6 20:25:31 原文链接
阅读:109 评论:0 查看评论

相关 [在线 工具 web] 推荐:

web开发设计人员不可不用的在线web工具和应用

- - 前端观察
大家可能还记得在过去的文章我们我们曾经介绍我们收集的 前端开发人员必备的工具,脚本和资源,在今天的这篇文章中,我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用. 相信会在web开发和设计的过程中给你带来方便和快捷. jsfiddle是老牌的在线调试和分享代码的网站,它可以帮助你在线调试javascript/css/html代码, 并且方便的发布到社区,论坛或者社交媒体上与朋友们分享或者提问.

11款有用的Web开发在线工具

- 长柱 - 博客园新闻频道
作为Web开发者,我发现我非常依赖于一些在线工具. 在线工具通常是易于创建和使用,并且可以使工作表现的更好、更快. 比如htaccess generator、JSON formatter. 以下是我分享的一些新的、有趣的在线工具. 仅是输入一些文字,,来查看它的不同样式. 通过ColorExplorer,你可以快速、轻松的创建、管理和评估调色,当你使用图片设计、Web设计、布局等时.

8个非常有用的在线工具来提高你的Web设计和开发能力

- - CSDN博客Web前端推荐文章
最近在网上看到一张帖子感觉不错. 不过是英文版的今天闲着没事锻炼一下英语能力分享给大家看看. 原文地址: http://webdesignledger.com/tools/8-useful-online-tools-for-web-designers-and-developers. 在工作中借助一些非常好用的工具可以让你专注于更重要的事情,进而提高工作效率.

Mobile Web调试工具Weinre

- - 移动开发 - ITeye博客
现在、将来,用移动设备上网越来越成为主流. 但对于开发者们来说,移动web的调试一直是个难题,前期可以使用模拟器来协助调试,但到了真机调试阶段就让人非常头痛. 而Weinre就是解决这难题的利器.   Weinre的本意是Web Inspector Remote,它是一种远程调试工具. 功能与Firebug、Webkit inspector类似,可以帮助我们即时更改页面元素、样式,调试JS等,下面就简单介绍下如何使用.

『Google发布移动Web性能工具PCAP Web Performance Analyzer』

- - jackyrong
最近,Google的Page Speed团队一直在关注如何更好的优化移动Web应用性能. 虽然我们拥有类似Firebug、Page Speed、YSlow!和Chrome/Safari Developer Tools等优秀工具,但是移动浏览器缺少这样的性能分析利器. 为此,Page Speed团队发布了一个分析移动浏览器网络信息的工具——PCAP Web Performance Analyzer.

【Web App】FaceTime在线直接拨打

- 探花 - 爱Apps - www.iapps.im
精选限时免费应用,由 AppPusher 为您送达. 无限精彩,尽在 iapps.im. 今天介绍一款由国内开发者哇嘎嘎与Danniez共同开发的Web App,FaceTime在线拨打系统. 众所周知,iPhone 4和Touch 4代自带的FaceTime不能直接拨打,必须添加联系人,然后选择邮件或电话才可直播,不够便捷,而这款Web App小巧玲珑,内置了多个国家的区号,玩家可以轻松利用Wifi进行FaceTime的VoIP拨打.

Web调试工具 Fiddler 教程

- - 互联网旁观者
Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说,都有很大的帮助. Fiddler的基本介绍. Fiddler的官方网站:  www.fiddler2.com.

redmon:Redis监控管理Web工具

- - NoSQLFan
redmon是那种一眼看上去就觉得不错的小工具,而且必然会很轻量级,目前它已经支持实时查看 Redis的流量,请求,配置信息,命令行操作等功能,后续还将添加Web端配置修改,慢日志查询等功能. 如果有兴趣,你可以去下载一个试玩一下. 下载: https://github.com/steelThread/redmon.

Web项目管理工具精选

- - 行业应用 - ITeye博客
以前各种开源项目的代码都是通过博客和个人网页来发布的. 这种分享方式并不是最容易的一种,也不便于他人对代码做出贡献. 下面是几个管理项目代码的工具,不管对于个人开发者还是团队开发者来说,它们都是非常好用的. GitHub,也就是Git版本控制系统,采用一种优雅的方式来管理项目代码. 比起Subversion,Git要更加经济划算,对于新手来说安装过程也更加简单.

40个有用的Bootstrap工具和WEB开发工具

- - Jackchen Design 1984
对于现在很多公司在设置网页制作这一部分的时候,已经开始越来越细化其中的工作分类. 从几年前的先设计后制作的网页制作职位,到现在的网页艺术设计和WEB前端设计,动画等都已经分工明确起来. 网页在这几年迅速发展的同时也催生了很多新的技术分类. 这是好事,可以更细化让成品变得更精致,让维护变得更轻松. 那么如果你是一名WEB前端人员那么你一定对这两年来很风光的一些前端框架一定不会陌生.