随笔分类 - 实用工具
实用工具
摘要：有的时候，像jQuery这样的Web框架对于网站建设非常重要。很多的开发人员会选择合适的框架以帮助他们专注于网站的建设，而不用花太多的时间去思考如何设计一个网站。下面列举了12个新鲜出炉的Web开发框架，掌握其中的一两个，相信可以帮助你节省很多时间和精力。
阅读全文
摘要：网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素，比如头部、导航、页脚等等，最多再就是一些交互、内容区域什么的。但这对于任何网络应用的开发都是非常重要的。当然有很多种方法可以做这件事情，最简单的就是拿起纸和笔，但是在这篇文章中，我们要介绍的是一些非常高效好用的在线原型工具，并且他们完全免费。
阅读全文
摘要：在工作中借助一些非常好用的工具可以让你专注于更重要的事情，进而提高工作效率。本文收集了一些设计和开发相关的在线工具，分享给大家，希望对你有帮助。
阅读全文
摘要：1. 在线文本生成器BlindTextGenerator：对设计师来说，这是一个简单又好用的文本生成小工具。内含许多种字体，可设置字符的大小，数量，样式，段落的数量及对齐方式等，还可以很方便且精确地调节文本区块的大小。详细内容：http://www.blindtextgenerator.com/lorem-ipsumFillerati：很有设计感和风格现代的文本生成器。详细内容：http://www.fillerati.com/ 2. CSS生成器Border Radius：没有比它更简单的了。进入网站在矩形一角的输入框里输入数值，就可以生成圆角矩形的CSS代码。详细内容：http://bor
阅读全文
摘要：
在处理多媒体文件的时候，我们通常都是使用自己电脑上已安装好的桌面应用程序，如果某天我们在使用的公共电脑上没有我们需要的软件，更坏的情况是，这些公共电脑不允许安装软件，这时候就需要在线的编辑器了。最近几年，Web应用程序越来越受到关注，原因在于它的简单、方便和轻巧，只要你有一个连接到互联网的浏览器，就可以马上处理你的图片、音频和视频。
阅读全文
在处理多媒体文件的时候，我们通常都是使用自己电脑上已安装好的桌面应用程序，如果某天我们在使用的公共电脑上没有我们需要的软件，更坏的情况是，这些公共电脑不允许安装软件，这时候就需要在线的编辑器了。最近几年，Web应用程序越来越受到关注，原因在于它的简单、方便和轻巧，只要你有一个连接到互联网的浏览器，就可以马上处理你的图片、音频和视频。
阅读全文
摘要：
网站建设的核心关键是“如何发现潜在客户并有效的转化为合作客户”，这里提到有效的转化也就是说找到的客户不一定会选用我们的产品或者服务，成为了我们的客户的转化才是有效的转化，那么在竞争如此激烈的网络时代，我们该怎么去挖掘潜在客户并提高我们网站的转化率呢？关键之一就是提高网站的可用性。
阅读全文
网站建设的核心关键是“如何发现潜在客户并有效的转化为合作客户”，这里提到有效的转化也就是说找到的客户不一定会选用我们的产品或者服务，成为了我们的客户的转化才是有效的转化，那么在竞争如此激烈的网络时代，我们该怎么去挖掘潜在客户并提高我们网站的转化率呢？关键之一就是提高网站的可用性。
阅读全文
摘要：
网站的加载速度是决定网站等级的重要因素，值得站长特别关注。原因很简单，没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响。在深入代码视图提高网站速度之前，先要确定导致网站访问速度缓慢的真正原因是什么。本文收集了非常有用的WEB服务和工具，可以帮助你诊断和分析你的网站，让你更加全面的了解自己的网站性能。
阅读全文
网站的加载速度是决定网站等级的重要因素，值得站长特别关注。原因很简单，没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响。在深入代码视图提高网站速度之前，先要确定导致网站访问速度缓慢的真正原因是什么。本文收集了非常有用的WEB服务和工具，可以帮助你诊断和分析你的网站，让你更加全面的了解自己的网站性能。
阅读全文
摘要：jQuery插件能够增强网站的可用性，有效地改善用户体验，还可以大大减少创建一个新站点的开发时间。现在的jQuery插件很多，尽可以根据您的项目要求来选择，不过也有一些插件很好用，几乎各种项目都能够用得上。这里就为您介绍12款开发中最常用的jQuery插件。
阅读全文
摘要：下面提到的这些工具包括各种实用工具，优化器，测试和调试工具，它们可以提高开发者创建Web站点的效率。
阅读全文
摘要：作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的css工具可以有效地节省你设计网站的时间。优化/格式化类CSSTidy – css Tidy是一个开源的css分析和优化工具； CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。 CSS Optimizer - CSS Optimizer可以通过优化压缩CSS样式文件大小。 CSS Analyzer – CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。 字体类Em Ca
阅读全文
摘要：请不要低估这些小工具，他们极其的方便并且能节省很多的时间和工作，下面就是这些在线工具的列表，挑几款来试试吧。我还是比较喜欢Ajax Load和Web 20 Badges Generator的，你们呢？Favico一个图标制作工具，很是方便。SpiffyBox一个纯css圆角解决方案，不需要任何js和图片。这个在线工具可以选择前景色背景色，宽和高等。css3正在被越来越多的浏览器所支持，所以你可以坚持使用这种解决方法。Ajax Load该网站提供近50种loading、进度条可选样式，可自定义背景色、前景色和透明背景，操作简单，在页面下方就可预览效 果，最终可生成.gif格式的图标。本博客在加载
阅读全文
摘要：Blackbird 是一个开源的 Javascript 调试工具，默认提供一种非常酷的方式展现 Javascript 调试信息，如下图，效果如何呢？ 在我们的日常的学习或工作中，经常都会接触到 Javascript，有时为了进行一些简单的调试，我们也许会采用 alert()，但有时也是很麻烦的，比如在一个循环中，我们可能就要点击 n 次的弹出窗口了。但现在有了 Blackbird，我们就可以和 alert() 说拜拜了。虽然有人说会很多 Javascript 类库都有类似功能，但我可不想因为进行一些简单的调试而去加载一个框架，因为 Blackbird 足够简洁和小巧了，就 4 个文件，20 多
阅读全文
摘要：作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第二部分。KaleidoThis tool allows you to create meaningful visuals for code and can be used to plan, organize and navigate code in a more intuitive way.SketchpadThis application is
阅读全文
摘要：几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。LivePipeLivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。LivePipe 首页与
阅读全文
摘要：我们曾介绍过 10 个基于 JavaScript 的 WYSIWYG（所见即所得） 编辑器，这些 Web 编辑器可以在线编辑和处理富 Web 内容，包括格式文本，表格，图片，媒体，链接等等，非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web 在线编辑器，它们基本代表了当前 Web 编辑器的现状。1. TinyMCE免费，开源，轻量，基于 JavaScript，高度可定制，跨平台。2. FCKEditor免费，开源，用户量庞大，有良好的社区支持。3. YUI Editor属于 Yahoo! YUI 的一部分，能输出纯净 XHTML 代码。4. NicEdit简单，易用
阅读全文
摘要：1. SproutCoreSproutCore 苹果对SproutCore的解释为“开源，平台无关，类Cocoa的JavaScript框架，用于创建具有桌面应用程序外观和操作感的Web应用程序。”SproutCore demonstrations: Photos, Sample Controls2. SprySpry 是Adobe 的 Ajax framework. Spry的目的是成为实现Ajax的一种简单方式，对HTML、CSS和JavaScript体验据有入门级水平的设计人员应该能够发现Spry是一种整合内容的简单方法。Spry demonstrations: Photo Gallery
阅读全文
摘要：JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。1. jQuery: The Write Less, Do More, JavaScript LibraryjQuery 是一个很新的 JavaScript 库，它的口号是“几行代码，能干大事”（Write Less, Do More）
阅读全文
摘要：Web 设计中常用到图标，比如 Favicon，Windows 和 Mac 程序中也要用到图标，设计图标当然可以使用庞大的 Photoshop 或 Paint.NET，但也有一些免费的，简单工具可以随手拿来用，本文搜集了6款免费的图标编辑工具，有一些工具还可以从二进制文件中抽取图标。Greenfish Icon Editor ProGreenfish Icon Editor Pro 是一款强大的图标编辑器，但非常小巧，解压后不到1.8MB。它支持层，可以创建动画图标，包含高质量的滤镜，如 Bevel (斜面)，阴影以及光晕。IcoFXIcoFX 是一款著名的图标编辑器，拥有很多功能，如，它支持
阅读全文
摘要：今天读到一篇文章，介绍了15个对 Web 设计与开发师极端有用的站点，里面有不少也是我们一直在使用的，也许对很多人都有用，翻译出来以饷同仁。 ColorCombos配色是 Web 设计的首要大事，Color Combos 帮你预备了数千种配色方案，可以根据色调浏览选取。LIpsumLorem Ipsum Text 是一中自造的，字典中不存在的单词，是在演示页面结构的时候，需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词。What the font?有时候你对某个 Logo
阅读全文
摘要：在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器，它们有的是基于 jQuery 框架，有点则不是。MarkitUp - jQueryOfficial Website | Demo功能不是很多，但很轻量，很灵活。打包后只有6.5K大小。jWYSIWYG - jQueryOfficial Website | Demo非常基本的编辑器，简单为本。打包后只有7K。Lightw
阅读全文