微博UDC
UDC：Experience Design Center（用户研究与体验设计中心）
谈谈CSS Sprites技术及其优化
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵 CSS雪碧的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面让我们详细的聊聊。
在大家还在拨号上网的“远古时期”，由于网速的限制，页面开发者都喜欢把网页里面的图片字节数控制的非常小，往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展，网速的提升，大家越来越重视页面的加载速度，页面效率问题，过去的那些小图便成为了前端开发者的眼中钉，因为每加载一张图片都会产生一次浏览器请求数，发起的请求数越多那么页面加载的速度也越慢。还有当页面加载时，图片一个个的零星显示，鼠标经过时候背景闪...
继续阅读深入解析跨平台工具：背后技术、对应开发阶段及垂直发展
在本系列的第一篇文章（跨平台领域的淘金潮——为什么跨平台领域工具会改变现状）中，为大家介绍了跨平台工具产生的背景以及其粗略的介绍。
那么接下来，究竟选择Web App还是本机App，在众多的跨平台工具中又该何去何从？ 你也许能从本篇文章中得到你想要的答案。
一个跨平台工具由五部分组成，它们和app生命周期的五个阶段相对应，这五个阶段分别为开发阶段，集成阶段，发布阶段，部署阶段和管理阶段。
1.开发阶段：跨平台工具提供从低级到高级的各类开发语言，底层精简的语言比如LiveCode和Lua以及像HTML，CSS和JavaScript这样的web语言，中间层语言如...
继续阅读使用 Sencha Touch 开发超炫的跨平台移动 Web 应用
简介： Sencha Touch 是由 Sencha 公司开发的移动 Web 应用开发框架，用以提升主流移动设备在浏览器上的触碰操作，增强用户体验。该框架以久负盛名的 Ext JS 富客户端框架为基础，并支持最新的 HTML5 及 CSS3 标准，与流行的 Apple iOS 和 Andriod 设备兼容。一方面，它以 Webkit 浏览器引擎为基础，提供了出色的性能和用户体验；另一方面，它提供了基于 GPL V3 许可的开源版本和详尽的 API 文档，体现了良好的开放性和易用性。因此，该框架可帮助移动应用开发人员提升开发效率，从而创造出更多富有创意的移动应用。
继续阅读优秀的响应式网页设计作品范例
响应式网页设计是时下网页设计领域最热门的话题之一，今天开始推出系列文章向大家分享国外优秀的响应式网页设计作品范例，希望这些精美的网站能够帮助大家了解响应式网页设计。
ForefathersForm CMSHavoc InspiredJet CooperFilidor WieseConferencia RailsDesigning With DataThe Happy BitWebdesign YorkshireHighway HurricanesSimple Bits2011 dConstructHardboiled WebdesignStephen CaverNicely ReplayedEl... 继续阅读★8个应该了解的CSS3技术★
有了CSS3，网站开发及网站设计都发展到一个更高的层次。在本文中，作者收集了一些惊人的使用CSS3技术的例子，如果多数浏览器能兼容CSS3，那么这些技术很可能会被广泛接受。
1.★★Color animate any shape with CSS3 and a PNG★★ 第一个展示的是一个仅仅使用了CSS3技术的有趣的成果：一个可以变换背景的PNG图像。背景使用了CSS3转变。不是那种可以直接放在网站上的效果，而是展示CSS3功能的有趣的演示。 2. Create adaptable layout using CSS3 media queries CSS3媒体调查可以使你的网站构架兼容于... 继续阅读22 个免费的图表、流程图工具
饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息，并可展示两个实体之间的关系。而这些图形如果用在 Web 上则有助于吸引访客的注意力，并有效地解释相关数据。 在这里我们推荐一些很棒的工具，你可以通过点击创建非常直观的设计流程图和图表。
使用 Gliffy 可创建非常漂亮的各种图表、流程图、平面图和技术图纸等等。
Highcharts是一个制作图表的纯Javascript类库，主要特性如下：
●兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；
●对个人用户完全免费；
●纯JS，无BS；
●支持大部分的图表类型：直线图，曲线图、区域图、区域...
继续阅读移动应用设计
在设计开发移动应用吗？Meer.li提供了非常多出众的移动应用案例，在开始设计你的应用之前，参考一下，可是不要“微创新”哦。