随笔分类 - 实用工具
实用工具
摘要：
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及启动静态服务器。推荐 Windows 用户使用 Git Shell 来进行命令行操作。安装 Windows 桌面版 GitHub 的时候会自动安装 Git Shell。
阅读全文
摘要：Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以用 Javascript 操作Dom 轻松创建各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制热议形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。Raphaël 是跨浏览器的矢量图形库，目前支持 Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。
阅读全文
摘要：正则表达式通常被用来检索或替换符合某个模式的文本内容，编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义，但是复杂的正则理解起来就很困难了。Jeff Avallone 开发了一款 JavaScript 正则表达式可视化工具，是 GitHub 上的开源项目，它能够让正则表达式字符串以 Railroad 形式图形化，便于阅读和理解。
阅读全文
摘要：你开始做一个项目的时候，用线框图把你的想法勾勒出来非常重要。这是你把想法变成际成果的必要步骤，通过绘制线框图原型才能决定怎么样做更合理。今天这篇文章收集了13款超级有用的优秀网页线框图工具分享给大家，这些工具能够帮助你做出优秀的线框图。
阅读全文
摘要：2012年，Web 开发领域继续在快速的发展，HTML5 仍然在展示其跨平台的优越性，CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人越来越多的人熟知和使用。技术的快速发展让 Web 开发人员学习起来不知所措，幸运的是，很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。 因此，我们有了很多优秀的小工具和库，每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表。
阅读全文
摘要：这篇文章向大家介绍一套免费的 Photoshop 线框图套件，这个线框图套件中包括通知、图片和视频，表单字段，标题，段落，项目符号列表，导航，广告横幅和普通网站的元素，如：搜索框，电子邮件注册表单等等。这个套件的使用非常简单。新建一个空白的 Photoshop 文档并在打开线框图套件的 PSD 文件，然后把你需要的元素从套件中拖放到自己的原型文件里。
阅读全文
摘要：2012年，Web 开发领域继续在快速的发展，HTML5 仍然在展示其跨平台的优越性，CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人越来越多的人熟知和使用。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表，从功能全面的 IDE 到美观、充满异国情调的小框架，小工具等等。他们能够帮助你降低 Web 开发过程中的复杂度，节省时间和精力。
阅读全文
摘要：2012年12月12日，【《Web 前端开发人员和设计师必读文章》系列十二】和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2012年12月12日，【《Web 前端开发人员和设计师必读文章》系列十二】和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：data URIs 是由 RFC 2397 定义，允许将一个小文件进行编码后嵌入到另外一个文档里。data URI 图片是 base64编码的图片文件，可以嵌入到 HTML 或者 CSS 文件中，能够减少 HTTP 请求，提高网页加载速速。Duri.me 使用非常简单，把图片拖放到框内，然后点击 Generate Base-64 Code 按钮就会自动生成编码，Duri.me 帮你生成了图片、CSS和Base64字符串三种形式的代码，可以根据需要进行拷贝。
阅读全文
摘要：如今，浏览器其实成为了一个轻量的客户端，允许用户访问各种基于云的应用程序和服务。众多基于传统桌面的软件正在迁移到云端，这一点都不奇怪，基于云的集成开发环境正在不断涌现，已经有很多的开发者在使用 Github 和 Pastebin 来进行在线的协同开发。今天这篇文章挑选了8个最优秀的云端集成开发环境推荐给开发者，大家可以体验一下，看哪个适合自己。
阅读全文
摘要：这篇文章继续给大家带来最近两个月发布在《梦想天空》的优秀文章，特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示前沿 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的 网页设计 案例，共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。
阅读全文
摘要：Pixlr.com 提供了非常强大的在线照片编辑服务，如果你有照片需要处理，而正在使用的电脑又没安装任何图片处理软件，那么你只要访问 Pixlr.com 这个网站，就能借助这个强大的免费在线处理照片工具编辑你的照片，不仅简单快速，而且能轻松制作出非常精美的效果。
阅读全文
摘要：
这篇文章给大家带来最近两个月发布在《梦想天空》的优秀文章，特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的 网页设计 案例，共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。
阅读全文
这篇文章给大家带来最近两个月发布在《梦想天空》的优秀文章，特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的 网页设计 案例，共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。
阅读全文
摘要：Diffchecker 是一款非常好用的在线文本对比工具，能够高亮显示有差异的行和字符。Diffchecker 提供了文件上传对比功能，还可以选择对比的存储时间，可以是设置保存1小时、1天、1月、永久保存和不保存。
阅读全文
摘要：二维码（QR Code），又称二维条码或二维条形码，是用某种特定的几何图形按一定规律在平面分布的黑白相间的图形记录数据符号信息，二维码在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息。今天这篇文章向大家推荐16款免费的二维码生成器，帮助你在线生成二维码。
阅读全文
摘要：对于 Web 开发人员来说，有个快速测试代码的地方是非常方便的。在这篇文章，我们收集了8个非常有用的网站，帮助 Web 开发人员在线调试代码，其中有些站点还可以在线分享和备用代码，这能够帮助你非常方便的和其它的开发人员协作。
阅读全文
摘要：
这篇文章主要收录了最近两个个月发布在梦想天空的优秀文章，特别推荐给Web开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。
阅读全文
这篇文章主要收录了最近两个个月发布在梦想天空的优秀文章，特别推荐给Web开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。
阅读全文
摘要：随着Web环境的互联网应用越来越广泛，Web安全威胁日益凸显。黑客利用网站操作系统的漏洞和Web服务程序的SQL注入漏洞等得到Web服务器的控制权限，轻则篡改网页内容，重则窃取重要内部数据，更为严重的则是在网页中植入恶意代码，使得网站访问者受到侵害。这也使得越来越多的用户关注应用层的安全问题，对Web应用安全的关注度也逐渐升温。下面向大家推荐8款非常有用的免费Web安全测试工具。
阅读全文
摘要：网站的加载速度是决定网站等级的重要因素，值得站长特别关注。原因很简单，没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响，因此了解自己网站加载速度非常重要。下面向大家推荐8款非常有用的测试网站速度的免费工具，让你更加全面的了解自己的网站性能。
阅读全文