专题：圆角 -- IT技术博客大学习 -- 共学习共进步！

iOS可视化编程 Tips 之“无需代码设置圆角”

今天带来一个可以节省代码的小技巧：通过 Xcode 提供的 User Defined Runtime Attributes 来设置圆角。

手机UI设计基础-尺寸&单位

初入移动端开发和UI设计的童鞋可能对UI尺寸和单位特头痛，觉得分享一下手机APP/Web UI尺寸和单位的经验是有价值的。

为UIView任意角设置圆角

圆角在苹果的世界时随处可见的。为视图设置圆角在开发iOS当中是经常要做的事情。要为UIView对象设置圆角也是非常简单地事情。

小心别让圆角成了你列表的帧数杀手

在iOS的世界，圆角无处不在，而且必须存在。因为圆角是符合人类视觉安全体验的，圆角让人觉得舒适，而方角在潜意识层次是具有伤害体验的，因为尖尖的东西总是有可能对人造成伤害的，所以我们更喜欢圆角。在我之前的文章中讲过，在iOS的中设置圆角是非常容易的一件事情，这也体现出苹果也是非常重视圆角这件事情的。圆角虽好，但如果使用不当，它就是你的帧数杀手，特别当它出现在滚动列表的时候。下面来看圆角如何毁掉你的流畅度的。

-webkit-border-radius圆角属性

关于SafariCSSRef中文手册仅仅只是对 -webkit 内核浏览器做测试，不对 -moz/-ms/-o 等内核浏览器测试； 1、请使用chrome或者Safari浏览相关demo； 2、中文手册所有属性前缀统一为 -webkit-*，其他非 -webkit前缀的请自行前往w3school学习。

CSS圆角制作

CSS圆角在很多网页设计中都有使用，他的实现方法也有很多种，我们这次主要使用一个单张的图片来达到实现圆角的一个目的。也练习一下CSS Sprites的使用。例子点击这里，可以查看例子。图片我们需要一张图片来制作圆角的边框。 HTML代码 HTML的结构比较简单，容器的每一个圆角需要一个额外的span标签。

圆角头像的重构优化

头像圆角的实现，似乎不单单是一种技术的方式，而是可以针对不同浏览器采用不同的方式，是渐进增强还是优雅降级，取决于你的用户、或者是你的经理。

CSS3圆角详解

CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。网页设计大师Nicholas Zakas的最新文章，详细解释了CSS3圆角的各个方面，非常值得学习。

记录用户体验细节

突然有个想法，想把原来我发现的，看到的，听到的一些好的用户体验列出来，这些经验对于做终端的开发，都是值得我们学习的。现在能想到的几条，以后想起来慢慢加上来。 windows虽然IE做得不怎么样，但你可知道触发拖动事件不是mousedown开始就叫拖拽（DragDrop），而是有两个条件，一个是mousedown后1秒，或者鼠标移动3px后再开始触发拖动的么？ Safari里的tab菜单不仅仅是你点击到上面会触发，如果你细心的话，会发现，他还有一个...

jQuery边框圆角插件：DivCorners

什么是 DivCorners? 这个插件的主要作用是建立一个简单的方法为屏幕上的内容增加边界样式。边界样式可以是圆角，简单的边界，褪色的边缘，盒布局等。使用现有的图片来生成样式，我会完善函数，使在没有图片的情况下也能生成边界样式的。它有三个可在jquery.js和jquery.divcorners.js加载后调用的函数。使用 $(expression).dcCreate( object [, boolean] ) 创建布局的实例。使用 $(expression).dcResize( [boolean] ) 重新...

自适应圆角

前言有时候我们不得不面对圆角，也很傻很天真的认为利用 CSS3 的新特性对浏览器分级支持是最好解决方案，但现实≠理想… 需求 3px 圆角宽度自适应（随字数扩展宽度并自动换行）方便