2011年4月2日

用 CSS3 实现未来的 Web

摘要: CSS 3 + HTML 5 是未来的 Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧,可以帮你实现未来的 Web,不过,这些技术不应该用在正式的客户项目,它们更适合你的个人博客站点,Web 设计社区,或者不会有客户向你投诉的场合。1. 圆角效果CSS3 新功能中最常用的一项是圆角效果,标准 HTML 方块对象是90度方角的,CSS3 可以帮你实现圆角。-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; 甚至单个角也可以实现圆角,不过 阅读全文

posted @ 2011-04-02 20:55 兰2 阅读(115) 评论(0) 推荐(0)

22个所见即所得在线 Web 编辑器

摘要: 第一篇随笔曾介绍过 10 个基于 JavaScript 的 WYSIWYG(所见即所得) 编辑器,这些 Web 编辑器可以在线编辑和处理富 Web 内容,包括格式文本,表格,图片,媒体,链接等等,非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web 在线编辑器,它们基本代表了当前 Web 编辑器的现状。1. TinyMCE免费,开源,轻量,基于 JavaScript,高度可定制,跨平台。2. FCKEditor免费,开源,用户量庞大,有良好的社区支持。3. YUI Editor属于 Yahoo! YUI 的一部分,能输出纯净 XHTML 代码。4. NicEdit简单 阅读全文

posted @ 2011-04-02 20:52 兰2 阅读(230) 评论(0) 推荐(0)

各大浏览器 CSS3 和 HTML5 兼容速查表

摘要: 支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。需要指出的是,即使同一个浏览器的同一个版本,在 Mac 和 Windows 两个平台,它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种功能的详 阅读全文

posted @ 2011-04-02 20:47 兰2 阅读(134) 评论(0) 推荐(0)

Web 设计师的 50 个超便利工具(下)

摘要: 作为一个 Web 设计师并不容易,不仅考虑设计与架构,还要时刻注意各种小细节,设计师的工作被各种各样的问题包围,你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具,你会发现,其中的一些工具会让你感到惊艳,这是第二部分。Kaleido为你的代码创建视觉化标识。来自麻省理工。Sketchpad一个强大的在线图像编辑器。难能可贵的是,这是基于 HTML5 的。Unicode code converter虽然界面有些乱,但这个工具能把一段文字转换成各种编码形式。Grid System Generator另一个网格设计生成器。ud.com namecheck (强 阅读全文

posted @ 2011-04-02 20:44 兰2 阅读(107) 评论(0) 推荐(0)

Web 设计师的 50 个超便利工具(上)

摘要: 作为一个 Web 设计师并不容易,不仅考虑设计与架构,还要时刻注意各种小细节,设计师的工作被各种各样的问题包围,你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具,你会发现,其中的一些工具会让你感到惊艳在,这是第一部分。LaunchList站点发布前的工作清单,预设了28个需要检查的事项,也可以自定义。同类工具: Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。Pencil Project: Sketching and Prototyping wit 阅读全文

posted @ 2011-04-02 20:43 兰2 阅读(125) 评论(0) 推荐(0)

10个基于 JavaScript 的 WYSIWYG 编辑器

摘要: 在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器,它们有的是基于 jQuery 框架,有点则不是。MarkitUp - jQueryOfficial Website | Demo功能不是很多,但很轻量,很灵活。打包后只有6.5K大小。jWYSIWYG - jQueryOfficial Website | Demo非常基本的编辑器,简单为本。打包后只有7K。Lightw 阅读全文

posted @ 2011-04-02 20:40 兰2 阅读(142) 评论(0) 推荐(0)

导航