新浪UED



漫谈响应式设计

by zhongfan / 博客,网页重构
1. 如何理解响应式设计(RWD) 学究一些,首先大家先了解一下响应,然后再讲一下设计,响应就是我发出的请求能得到什么样子的回复,比如我说“你好”,你会很容易的给我回复“你好”,因为大家都是中国人,如果我说“hello”,我们这代人如果上过初中,他也会给我说“Hello”,但是如果我给对你说“Bonjour”,那可能只有高配的人...

创建坚如磐石的HTML邮件

by Alon Guo / 博客,网页重构
这是一篇来自于 Campaign Monitor 如何制作HTML邮件系列文章中的一篇,里面针对的邮件客户端主要是对英语用户的,虽然和国内的市场情况有很大的差异,但是他们的思路我们可以参考,如果需要全部的内容,大家可以访问他们的站点:http://www.campaignmonitor.com/resources/will-it-work/ 在你的职业生涯的某个阶段,你...

快速上手制作Icon Font

by zhaolei / 博客,网页重构
现在在提起Icon Font,已经不是什么新鲜的词汇了,网上已经有很多介绍它的文章,并且很多网站也已经将它用到,本篇主要是将制作Icon Font的整个流程整理一下,并且加入了自己在制作中遇到的问题,使得大家可以在今后使用的时候可以很快上手并且避免这些问题。 一、首先要说的是,什么是Icon Font。 我认为,我们现在通常...

设计与构建的亲密接触

by yanjun / 博客,网页重构
本文分三部分讲解: 效果图与页面的差异:主要讲解页面与效果图不同的细微之处 Css3新特性:分两部分,新特性和实例部分 设计与构建:构建的趋势与现状 1.效果图与页面的差异: 1)内核小常识分享 主流内核: Trident内核:IE,MaxThon,TT,The World,360,搜狗浏览器等 Gecko内核:Netscape6及以上版本,FF,MozillaSuite/...

一个页面重构工程师眼中的“用户体验”

by 三三大人 / 推荐,网页重构
在工业化设计融入人们生活的现今,用户体验一词就常常出现在人们的视线里,随着互联网web2.0时代的到来,大大小小的网站设计中也都开始关注用户体验的方面,对什么是用户体验(百度这四个字,比我写什么解释都好)就不做详细赘述了,相信大家比我了解的更加丰富。 用户体验从产品设计阶段便开始介入进来,如原型设计中...

HTML5标签使用的常见误区

by Alon Guo / 博客,网页重构
最近组内进行HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶段,有些新的标签元素的解释也是经常有变化,甚至标签加入移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考,让大家的学习过程...

使用css的类名交集复合选择器

by Nikai / 博客,网页重构
首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器、“并集”选择器、“后代”选择器。 交集选择器 “交集”复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器,第二个必须是类别选择器或...

从 CSS Lint 出发,谈样式优化

by boya / 博客,网页重构
CSS Lint,lint是线头的意思,大概意思就是说要找出我们写的css代码里的一些线头,help you code better! CSS Lint的检测规则包括错误的和警告,当选择器或属性书写不正确、漏掉了大括号、多写了分号等时,会提示解析错误,解析错误优先提示。为了让css代码拥有更好性能,更标准,CSS Lint还默认有如下规则: 1.不要使...

页面构建小工具

by boya / 博客,网页重构
我们将在本文中介绍一些关于页面构建常用的一些小工具,大部分是基于firefox的插件,通过这些小工具可以让我们在页面构建中事半功倍. 页面bug调试工具–Firebug 实时测量工具–Measureit 实时颜色选取工具–Colorzilla SEO优化工具–SenSEO CSS使用效率优化工具–CSS usage 网页截图存储工具&#...

CSS Selector的优先级

by zhongfan / 博客,网页重构
上周五下班前我们敬爱的三三大人又在组里讨论了关于“11个class与一个id”谁的优先级高的问题~_~! 猜一下 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style type="text/css"> body{font-family: "Microsoft YaHei";} .a1 .a2 .a3 ....
第 1 页,共 2 页12