Web UI
文章平均质量分 58
RayChase
博客搬家了: https://www.raychase.net/
展开
-
重构:CSS也面向对象
最初接触到面向对象的CSS还是因为项目中的CSS已经超过八千行,缺乏约束和管理,在近期或者是不远的将来,有迫切的要求需要重构。在前端重构中,我们已经讨论过了JavaScript面向对象的重构,在这个时候再看一看CSS面向对象和模块化,这给我的工作提供了非常好的思路。首先,我要说的是,在这个概念翻飞的年代里,固执地追求某些概念和涵义,并不能带来更优秀的设计和更高的生产力,面向对象是一种思路,或者...2011-06-01 22:07:00 · 100 阅读 · 0 评论 -
Bootstrap: New Net-volution
A lot of companies developed their own mature front-end components or frameworks since several years ago, while only twitter makes it popular all around the world. Just think of it why. I don’t bel...2013-01-04 13:13:33 · 158 阅读 · 0 评论 -
Web页面的聚合技术
近接触到了Mason,并且了解到了它基础之上的一个MVC框架实现,随即联想到做网站以来接触到的各种各样的页面聚合的场景,颇有意思。 页面聚合本身是一种“分而治之”的思想,把复杂的页面分割成可以被重用和独立维护的部分,这些部分的来源灵活,可以来自同一个web app中,也可以来自不同的域;可以聚合独立的子页面(页面集成),也可以聚合数据(数据集成),甚至可以聚合子呈现(模板集成)。 ...2012-04-11 01:10:06 · 809 阅读 · 0 评论 -
网络图形标准
网络图形标准前端绘图有几种方式,主流的网络图形标准有:VML,IE支持;SVG,FF、Safari和Opera支持;Canvas,HTML5规范支持。后端生成图形较为便捷,但是没法生成能够响应用户行为的动态图形(比如生成一个地图,用户点击地图上的某个城市,要显示城市信息,这通过后端图形生成很不容易做到),而且生成图形会吃掉服务端的性能。前端生成图形方面,有用App...2012-07-06 00:24:15 · 172 阅读 · 0 评论 -
转:关于亚马逊中国的界面风格
问题:为什么 Amazon 的页面给我的感觉是一个人安静地购物,而当当或京东却让我感觉是在吵闹的集市里购物 ? 来自:http://www.zhihu.com/question/20031711#636203回答者:东尼缪 对用户造成这种感觉应该是多方面的,也是地域化的 首先说说颜色吧 亚马逊整体颜色饱合度都较低,对眼睛没什么刺激。导航和大部分UI采用...原创 2012-02-17 00:00:27 · 1313 阅读 · 0 评论 -
转:现代浏览器的工作原理
这篇文章很好,忍不住转载在此。本文来自:http://blog.jobbole.com/12749/ 简介浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天,有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。...原创 2012-02-08 10:56:26 · 159 阅读 · 0 评论 -
前端解耦的一个最简单示例
且看这样一段HTML片段: <div id="name" style="background-color:red" onclick="alert('');">Jim</div> 这是前端代码全部耦合在一起的例子,下面对它进行MVC解耦。 第一步解耦,把View层分离出来: <div id="name" class=&quo2012-05-04 21:11:02 · 591 阅读 · 0 评论 -
从错误页面的角度看用户体验
阶段一:系统错误信息乃至错误堆栈被抛到页面上。这是最原始的容错界面,在现在的网站中依然偶尔出现,这是糟糕的和不安全的,相信现在没有一个负责任的UCD专家会容忍这种现象的发生。 阶段二:引导到简单的错误提示页面,例如:“系统忙”、“页面不存在”和“出错了”,或者一个简单的弹出框提示用户。无论界面是美观还是简陋,这种方式都是原始的,并且是易于实现的。这是网站UCD的底线,如果您...2011-04-09 00:31:00 · 211 阅读 · 0 评论 -
IE6,别急着再见
没有一款浏览器能比IE6给前端开发更带来困扰了,IE6的Bug和对标准的无视(其实IE各个版本都习惯于对标准的无视)已经到了令人发指的地步,比如IE6的JavaScript解析在GZip压缩下问题一堆,微软自己都说没有办法,换浏览器吧;比如IE6对样式的规定乱七八糟,看这个;比如IE6上使用PNG还要加上一个带来N多挂死问题的滤镜…… 终于微软也忍不住了,要专门给IE6清理全球...2011-08-07 16:32:00 · 218 阅读 · 0 评论 -
转:IE6终极备忘:修复IE6下 25+ Bugs
IE6终极备忘:修复IE6下 25+ Bugs[译]IE6终极备忘:修复IE6下 25+ Bugs2010年01月08日 | HTML/CSS, JavaScript去年就想将IE的bug系统地整理下,但一直都忙于工作、学习没有完成,看到这篇E文后,我毫不犹豫的放下了手中的工作将之翻译出来。 由于是第一次译文,所以错误在所难免,欢迎大家批评指正。原文:Ultimate IE6 Ch...2011-06-27 23:40:00 · 177 阅读 · 0 评论 -
吐槽一下新浪微博网页版的UI设计
1. 不一致的按钮。有向下箭头是鼠标悬停的时候显示下拉菜单吧:可是,右侧这样的普通按钮也会有悬停+显示下拉菜单的效果:继续,新浪微博没有把这样的效果统一贯彻到底,发微博的按钮就容易误导用户悬停然后等待下拉菜单,结果怎么也等不来: 2. 右侧这样的tab页是鼠标悬停激活切换的: 但是到了正中的tab页,需要鼠标单击切换: 3. 按钮风格太多...2013-02-19 21:53:03 · 1435 阅读 · 0 评论