生活记忆[Uncle Li's Blog] ——专注Web开发

每个人对网站的使用习惯不一样，功能要求也不一样，要做到最好的用户体验只能是照顾最主要目标受众的需求，因此要实现用户体验的优化，前提之 一是必须对自己的目标受众了如指掌。因此，要有一个详细的背景调查，分析目标受众的属性，分析他们的需求和行为特征，这样才能有的放矢，实现网站用户体验优化的目的。 现在很多互联网行业的从业人员...>>阅读全文

把这个送给曾经接过活的设计师，或者有过类似经历的设计师们。阿门。 刚开始的时候，一切都很棒。客户提出他们的需求，你也满怀期望。充满激情和兴奋感。 客户：新的网站一定会很棒。 设计师：岂止很棒？肯定会难以置信地棒。它会像遨游在外太空的雄鹰一般不可思议。 客户给你看他们现在的网站，你们一起嘲笑它是如此糟糕。 客户：哈哈，这都...>>阅读全文

在flash标签中 “Window” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。 “Opaque” 显示页面上位于它后面的内容。 “Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。 注：”Opaque”和”Transparent”都可与...>>阅读全文

译自：CSS transitions 101 中文：CSS3变换入门 原作者：Jason Cranford Teague 译者：神飞 请尊重版权，转载请注明出处，多谢！ 尽管人们期望在屏幕上有些改变，但是CSS和HTML对页面中的交互能做的实在太少了，而那些还需要用代码来实现。   比如一个链接要么是这个颜色，要么是那个颜色；一个文本区域要么这么大，要么那么大；一张...>>阅读全文

通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。 直到你最喜欢用的IDE原生支持CSS3，你最好的伙伴将是CSS3生成器、手册、参考指南以及基于J...>>阅读全文

表单中的input type=”file”在前端开发中经常会用到，但是很悲剧的是input type=”file”在各个浏览器下表现不统一，样式很难起作用； 通常我的设计师是非常爱没的，如果真的要还原设计稿，只能通过文本框和按钮去模拟一个input type=”file”。 HTML代码如下： 1 <div class="type-file-box...>>阅读全文

为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }   使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。 如果网站没有使用CSS，可以在网页/模板的HTML代码<hea...>>阅读全文

Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的IE浏览器仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：“马赛克和IE——阻碍人类文明发展的绊脚石!”）。 简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗...>>阅读全文

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 3、慎用 * 通配符。...>>阅读全文

使用Twitter一段时间了.作为一个比较懒的Bloger,Twitter带来的改变是革命性的.毕竟不是每一点感受都值得去花上时间去洋洋洒洒的写 一篇文章的.而Twitter却能保留下这些思想的火花,并与人分享. 不过我在使用过程中,也感觉到Twitter的一些不足之处. 一.Twitter与Blog的内向信息结构对比 这里所说的内向信息,指的是Twitter或Blog作者个人的数据...>>阅读全文