被解放的GPU

概念

  • 图形处理器( Graphics Processing Unit )
  • 专门用来处理在个人电脑、工作站或游戏机上图像运算工作
  • 显卡的“心脏”
  • 90%以上的新型台式电脑和笔记本型电脑拥有集成图形处理器,但是在性能上往往低于那些独立显卡。

按照类型来分,可以分为独立显卡GPU和集成绘图GPU。

独立显卡GPU

性能最高的一类绘图处理器是通过PCI-Express、PCI或AGP等扩展槽界面与主板连接的,而通常它们可以相对容易地被取代或升级(假设主板能支持升级)。现在,仍然有少数显卡采用带宽有限的PCI插槽作连接,但它们通常只会在主板没有提供PCI-Expre[......]

继续阅读>>

Posted in HTML/CSS | Leave a comment

网站字体渲染过程

前言

我们知道同一种字体在不同浏览器上的表现有可能是不同的,除了浏览器,还有哪些导致表现不同的因素呢?不同系统下字形的渲染也是不一样的,根本原因是什么呢?我们希望各浏览器下字体排版一致,实现的话有完美的方案吗?

带着这些问题我们来看看字体渲染的过程:

解码

了解解码之前,我们稍微先简单回顾下编码的一些知识,常见的名词有:ASCII 、GB2312、Big5、Unicode、UTF-8,它们之前有什么区别或联系呢?简单来说,起初美国国家标准协会ANSI制定了一个标准,规定了常用字符的集合以及每个字符对应的编号,这就是ASCII字符集(Character Set),也称ASCII码,当[......]

继续阅读>>

Posted in HTML/CSS | Leave a comment

移动端项目总结

背景

之前接触过移动端项目的网页,过程中遇到不少问题,也犯了些错误,现在有时间来总结下。对于移动端我们更要关注什么呢,是设备的各种分辨率,还是device-width呢?移动端设备为什么会有2个视口(visual viewport&layout viewport)?何谓是Retina屏,标准是什么?图片在Retina屏上为什么会模糊以及怎么处理?如何更好的为Retina屏幕设计呢?我们在移动端上用手指放大缩小的究竟是什么呢?为什么要使用<meta name=”viewport”>,以及使用此改变的究竟是什么呢?怎么更好的使用媒体查询(Medai query)?怎么检测移动[......]

继续阅读>>

Posted in HTML/CSS | Tagged | Leave a comment

读《活法》有感

《活法》

《活法》

《活法》的作者是稻盛和夫,一位日本人,1932年出生于日本鹿儿岛,1955年毕业于鹿儿岛大学工学部。他所创办的2家公司:京都陶瓷株式会社(现在的京瓷公司)与第二电电株式会社(现名KDDI,目前在日本为仅次于NTT的第二大通信公司)都已进入世界500强之列。

那些法则

《秘密》一书中提到过“吸引力法则”,《活法》里说的佛家“因果法则”,都说的大致是这个意思:明天生活的状态其实都是你今天脑中思想的投现。所以想一想吧,你近来都在思考什么呢。

迷信的[......]

继续阅读>>

Posted in HTML/CSS | Leave a comment

用CSS开启硬件加速来提高网站性能

翻译文章,原文地址:http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css

你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗?

现在大多数电脑的显卡都支持硬件加速。鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅。

在桌面端和移动端用CSS开启硬件加速

CSS animations, transforms 以及 transitions 不会自动[......]

继续阅读>>

Posted in HTML/CSS | Tagged , , | Leave a comment

用CSS3动画给专题加点彩

在这个浮躁的时代,认清技术的适用场景是非常重要的,不加思考的效果堆砌是没有思想的,严格说称不上合格的技术。

CSS3的动画给我们带来了更多的价值,怎么做合理运用呢?
下面是我的一些小小看法:

1.交互的本质不在于华丽的效果,每一步都需要小心验证,一个“华丽纷飞”的界面不宜长时间浏览;
2.专题具有时效性,可以用些CSS3动画,前提是使之有益;
3.CSS3动画要求你有做“导演”的感觉,前期构造动画场景,过程中仔细控制每一祯;
4.先完成,再美化,这是锦上添花的事,正常做完项目是优先考虑的。

项目中一些小尝试:
微相册专题-美图我就喜欢:http://photo.we[......]

继续阅读>>

Posted in HTML/CSS, 交互设计 | Leave a comment