CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF

本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象
HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同)

在 CSS中常用特殊字符识别表:

(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;

(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;

(3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_;

(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)

更多

在工作中,体会生命的精彩

好像有哪位名人说过,所有的问题归根结蒂都是情绪的问题。这些日子,大家情绪最大的莫过于富士康了。

我是一不小心,撞到了富士康的电网上。在微博和博客上,我转发了一张富士康女孩的照片,同时强调“唤醒人性中的善,总比不断激发仇恨,更可贵”。结果,引发了许多朋友的质疑。

其实,这篇博客是在此前一篇文章基础上,结合富士康近期的悲剧而改写的。问题是,一旦与富士康挂钩,情绪就占了上风。所以,我觉得还是把那篇文章分享出来,让我们理智地审视什么是工作以及如何对待工作。下面是为6月1日正式出版的稻盛和夫《干法》所作的推荐序。各位朋友尽可以放宽心,里面不再有不开心的事情。

——— 在工作中,体会生命的精彩 —————–

77%的美国人痛恨他们的工作,由此导致的生产率降低使美国企业每年损失3500亿美元。

更多

标识≠品牌

许多组织找到我们的公司Advertising for Humanity,要求我们为它们创造一个“新品牌”。通常它们的意思就是起一个新的名称,设计一个图标,或给现有名称改变一下形象和感觉。许多人认为这就是品牌了——一旦我们帮它们扮靓了名称,它们就能把它粘贴到电子邮件签名下面,放到公司网站上,瞧,它们有了一个新品牌。而我们的主要工作之一,就是让人们打消这种错误的想法。

品牌并不只是一个名称或一个标识。品牌涵盖一切,一切都是品牌。

品牌是你的战略。如果你是一个消费品牌,你的产品以及这些产品共同讲述的故事,就是你的品牌。宜家(Ikea)的厨房椅在使用两年后很容易散架,这就是宜家品牌的一部分。如果你是一个人道主义组织,你的崇高志向以及你朝着这个志向所取得的进步,就是你的品牌。Share Our Strength要在5年内让美国儿童摆脱饥饿的宏伟目标,就是它的品牌。它为了让各州州长参与这个项目而付出的努力,就是它的品牌。它那认真严肃的态度,就是它的品牌。1969年时,美国宇航局(NASA)并没有一个很好的标识,但有人赋予了它一个品牌。如今,它拥有了一个更漂亮的标识,但那个品牌已不再代表任何东西。如果你不知道要去哪儿或怎么去那儿,那就是你的品牌,无论你想出了什么华丽动听的新名称。

更多

关于导航的探讨

图片说明

许多网站缺乏针对性和友好的导航设计,难以找到连接到相关网页的路径,也没有提供有助于让访客/用户找到所需信息的帮助,用户体验非常糟糕。这篇文章,我们尝试就网站导航交互做一些探讨。

首先对于WEB交互设计师来说,解决上面遇到的问题,使之简单的方法是设计一套完善的网页导航系统。

优化网站导航设计的目的

一个网站导航设计对提供丰富友好的用户体验有至关重要的地位,简单直观的导航不仅能提高网站易用性,而且在方便用户找到所要的信息后,可有助提高用户转化率。
如果把主页比作网站门面,那么导航就是通道,这些通道走向网站的每个角落,导航的设计是否合理对于一个网站是具有非常大意义的。

1) 决定用户在网站中穿梭浏览的体验,这一点是最基本的。
2) 网站导航设计合理,可以将网站的内容和服务最大面积的展现在用户面前。
3) 合理的导航设计可以增加用户黏性,提高网站的浏览深度,从而提高网站PV值。
4) 促进用户消费,提高网站盈利。引导用户消费,将用户真正需要的产品和服务展示在他面前,甚至用户想不到的服务你也呈现。
5) 提高网站广告价值,增加网站广告收益。
……

更多

一个绝妙的创意 请偷走它

本文开始前,请允许Tech2IPO向本文的原作者Wyatt Greene致敬!Wyatt Greene是一位天才的Ruby on Rails开发人员。本文所阐述的创意就出自他的手笔。但我们向他致敬的更重要的原因并不在于他贡献出了自己的智慧结晶,而在于他深知自己的优势和劣势,愿意放弃的勇气!有时候,放弃才是一种更好的选择!如果您对该创意感兴趣,并乐于尝试,希望您能知会我们一声,并给Greene发个邮件,告诉他这个好消息,他的邮箱techiferous@gmail.com。

一个人要是头发着火了,卖给他水就太简单了。所以我见着那些初创公司能够解决“头发着火”问题的想法非常非常兴奋。

更多

JS控制图片显示的大小(图片等比例缩放)

方法一:

<script type=”text/javascript”>
function ResizeImages()
{
var myimg,oldwidth;
var maxwidth=200;
for(i=0;i<document.images.length;i++){ myimg = document.images[i]; if(myimg.width > maxwidth)
{
oldwidth = myimg.width;
myimg.width = maxwidth;
myimg.height = myimg.height * (maxwidth/oldwidth);
}
}
}
ResizeImages();
</script>

更多

手机wap设计原则

1 设计站点前的准备工作
在设计一项既要面向移动设备又要面向PC的服务的时候,首先需要进行移动设备用户界面的设计。把面向移动的服务扩展到PC环境通常要比其相反方向扩展要容易一些。
如果起始站点是一个PC Web站点,强烈建议把PC服务分解成若干部分。在移动环境中,仅挑选那些可以作为服务核心的部分。在设计移动服务时,要把注意力集中在这些核心部分上。
研究市场上各种移动浏览器的物理特性,以便用XHTML和CSS进行有效的应用软件设计。你需要知道文档、样式表以及图像的最大许可大小,可以用于显示内 容的屏幕空间的物理大小,以及为其它物理实体,如软键文本、图标、标题等,预留的屏幕空间。诺基亚手机有一个包含图标的标题行,标题行还可以包含 XHTML页面的标题。还有一个用于显示XHTML页面(不包括标题)的内容区域,以及包含一个或多个软键文本的区域,软键的个数取决于移动设备的类型。

2 设计优秀站点的基本原则

XHTML MP 和CSS的引入创建了多种新的用户界面结构。XHTML MP包含的元素比WML多,并且利用CSS,可以通过多种方法 修改元素的可视化显示。XHTML MP为服务提供者提供了更多把他们的服务变得更有吸引力的可能性,但同时,XHTML MP也增加了设计的复杂度,从 而在可用性上面临更多的挑战。

更多

时间在流逝——上还是不上大学?

今日,网络上首次曝出今年高考的零分作文,据称作者是安徽的考生江小鱼。作文的具体要求及网曝的零分作文内容如下:
【以“时间在流逝”为题,写一篇作文。题材不限,不少于800字。 注意:1 立意自定,题目自拟,除诗歌外,文体不限;2 不得套作,不得抄袭;3 不得透露个人信息。】
时间在流逝——上还是不上大学?
当我从小学的少先,到中学的共青,再到今天走上考场,变成共产,我很仿徨。我在内心一遍又一遍的问自己,如今的大学,是上?还是不上?时间在流逝,内心很纠结。
今年的两会上,有人大代表劝我们:不鼓励农村孩子上大学,上了大学户口就回不去,那就杯具了。留在城里,高房价,高物价,高生活成本,这“三高”岂是一般农村家庭能够承担?我不怪这位人大代表的歧视性语言,因为我爸不是李刚,我也没有“五道杠”,我必须好好考虑这个问题,时间在流逝,内心很纠结。
我家只有4亩地,小麦和水稻亩产一千斤(不干旱的话),一斤水稻或麦子0。98元(前几年五毛左右),一年两季毛收入8000元,扣除农药化肥等成本,一亩地能赚400元,一年纯收入3200元。我还知道,我们伟大的国家,现在是世界第二大经济体,GDP每年超8%增长,外汇储备超万亿,全民沐浴在幸福的春天里,享受比太阳更光辉的公平和正义……我家是落后分子,我很愧对国家,给国家丢脸了,就因为,即使我今年考上了清华,我也无法承担高昂的学费和CPI高涨的消费。所以不是农村孩子能不能上大学,而是拿什么去上大学?不是我爱不爱国,而是国家拿什么让我来爱?也不是我上不上大学,而是大学拿什么让我来上?时间在流逝,内心很纠结。

更多

商业智能

商业智能的概念于1996年最早由加特纳集团(Gartner Group)提出,加特纳集团将商业智能定义为:商业智能描述了一系列的概念和方法,通过应用基于事实的支持系统来辅助商业决策的制定。商业智能技术提供使企业迅速分析数据的技术和方法,包括收集、管理和分析数据,将这些数据转化为有用的信息,然后分发到企业各处。

  商业智能,又称商务智能,英文为Business Intelligence,简写为BI。

  目前,学术界对商业智能的定义并不统一。商业智能通常被理解为将企业中现有的数据转化为知识,帮助企业做出明智的业务经营决策的工具。这里所谈的数据包括来自企业业务系统的订单、库存、交易账目、客户和供应商等来自企业所处行业和竞争对手的数据以及来自企业所处的其他外部环境中的各种数据。而商业智能能够辅助的业务经营决策,既可以是操作层的,也可以是战术层和战略层的决策。为了将数据转化为知识,需要利用数据仓库、联机分析处理(OLAP)工具和数据挖掘等技术。因此,从技术层面上讲,商业智能不是什么新技术,它只是数据仓库、OLAP和数据挖掘等技术的综合运用。

更多

谈开放平台:一个“高级的广告位”

不知道从什么时候起,开放平台越来越多地走近了我们的视线,从最初的开心开放平台,人人开放平台,新浪开放平台,再到即将发布的飞信开放平台,腾讯Q+开放平台,似乎在这么一瞬间,开放平台成了各个互联网的一个标配。如果你没有这么一个开放平台,你都不好意思说我是一个互联网公司。

那么这里,我们就来谈谈这个所谓的开放平台。

1. 什么是开放平台

首先,让我们来了解下什么是开放平台。

也许对于程序员来说,有一个概念一定不陌生,Open API,对,就是开放的应用程序接口。那么开放平台呢?我们不要把他想的那么神秘,简单来说就是Open API + Platform,那么什么是Platform,简单来说,就是一个系统,让别的系统可以接进来。

那让我来总结一下什么是开放平台?我个人认为就是一个软件系统(互联网)开放自己内部的API,允许外部的程序通过调用自己的API接入自己的系统,从而来靠第三方的资源来增加自己软件系统的功能。

那么这么一说也许就很简单了?开放平台这个概念其实很早就有了?是什么呢?操作系统!开放自己的API,然后为用户提供各种各样的功能。我们今天所说的开放平台,其实不过类似于操作系统的内核,而第三方的系统类似于其他的应用程序开发商,只此而已。

更多

Web2.0体验式网站设计的41个关键

Web2.0时代,体验式营销,体验式网站设计开始走向主流,那么体验式网站到底意味着什么?具体表现在那些地方?周末,根据建站的一点经验和观察,也参照了网友的一些建议,总结了体验式网站设计的四各方面,41个关键体验点,将其梳理概况,但仍是较为粗浅,欢迎补充建议。(老早的一篇文章,但还是挺实用的)

体验式网站设计的四个方面

1、视觉体验:呈现给用户视觉上的体验,重在UI设计,强调舒适性。

2、浏览体验:呈现给用户栏目和内容的体验,重在合理规划,强调协调性。

3、信任体验:呈现给用户的信任体验,重在细节斟酌,强调稳定性。

4、互动体验:呈现给用户操作上的体验,重在路径设计,强调易用性。

更多

五招教你搞火微博营销活动

时下,随着web2.0的发展,多种互动型社会化媒体也顺势崛起,08年风起的SNS社区到09年云起的微博平台,无论是大企业还是小品牌都已经将这些媒体作为了企业营销的必争之地。由于微博的互动性更强,一时间大大小小的品牌都在微博(主要是新浪和腾讯)上建立账号,尝试各种微博活动,但很多则是投入产出不能成正比。那么如何才能做好微博营销活动呢?本文将结合笔者自身的观察研究和实战经验教给大家搞火你的微博活动五招。

第一招:平台选择是基础

目前国内比较受欢迎的应该是新浪和腾讯微博,从媒体报道的微博用户数量来看,两者相差不大,如果对微博没有深入研究的话则将会将两者相提并论,其实在我看来两者相差甚大,那么两者究竟有什么不同之处,对企业的微博营销有何影响,下面我就两者做一些分析对比:

从两者的发展路线来看,新浪走的是明星线路,而腾讯走的是草根路线;新浪更多的是利用明星效应带动其粉丝用户加入新浪,腾讯则是将微博平台与自身的QQ产品结合,引导草根QQ用户登录平台;从两者的内容来看,新浪内容质量比较高,虽然与腾讯一样有语录、星座等草根话题,但也有互联网等专业的互动。腾讯微博内容相比新浪要质量低许多,其平台更多的是草根类话题,专业性的互动则少之又少;从两个平台的用户特性来看,新浪用户整体素质和层次偏高(大多数是白领、企业CEO、大学教授等),腾讯用户相比新浪的层次要低很多,更多的是草根用户(主要是学生、蓝领等)。

更多

产品经理的核心价值

在足球场有那么一群人,他们凶狠的拼抢不断的传球、他们思维敏捷视野开阔、因为处于兵家必争之地所以往往血溅当场、他们是球场上的发动机,控制着全场的节奏、他们调配团队的资源,把球精准的传送到最有机会的队友脚下,这群人就是中场核心,西班牙的中场核心,大师级人物—哈维。

在现今的互联网行业中也有这样一群人,他们被称为“产品经理”。

互联网并不像世界杯具有80年的历史,所以团队中的人员分工和定位相对模糊。特别是近几年才在互联网出现的产品经理这个工种,已经有越来越多的人参与到讨论产品经理的核心技能、核心职能、核心价值是什么的问题中来。

在此,仅和大家讨论一下产品经理的核心价值,我想,只要认清了自身的价值所在,其他的迎刃而解,或者根本无需解。不管黑猫白猫只要能抓到老鼠就是好猫,无论你用什么方法、无论你是否有职权。

此文较长,看完估计得15分钟。

用了大量的内容来把产品经理的核心价值一层一层的剥开。

更多

浅谈国内社会化媒体营销

企业社会化媒体营销之前,我们先来大概了解先社会化媒体的概念。社会化媒体是个外来词汇,也称社会性营销,英文为“Social Media”,简称SM。社会化媒体也是区别于传统主流形式(报纸,杂志,电视,广播),是一种新型的媒体方式,主要时候通过互联网技术实现信息的分享,传播,通过不断的交互和提炼,对观点或主题达成深度或者广度的传播,其影响力是传统媒体往往不能赶超,而无法达成。

常见社会化媒体表现:

美国社会化媒体

(图:国外社会化媒体表现)

国内社会化媒体

(国内社会化媒体表现)

所为社会化媒体营销,社会化媒体营销是个外来词汇,Social Media Marketing,简称SMM。也主要是指借用这些媒体形式对于公司品牌,产品或者服务,活动针对网络推广行为,实现建立品牌知名度建立,产品销售的这一过程。

更多

扎克伯格:创新就是要“有形而无序”

驾驭时间

如何支配时间去做更多的事很关键,这与你所学的技能没什么联系

我在哈佛读的是心理学,并非计算机专业,只是学了一点。我从十岁起就开始编程,我在编程时不会刻意去想应该做什么,这已经成了我直觉的一部分。

我为自己写了很多程序,譬如给自己的MP3设计了一个语言界面,还用哈佛分配给每个人的ID做了一个类似Hot or Not(注:Hot or Not是美国的一家交友网站,以批量试点评会员照片,从而测试其受欢迎程度为主要风格,并为会员之间的联络提供双向选择平台)的网站,也因此差点儿被哈佛扫地出门。

虽然这些程序很奇怪,但对我的未来很有帮助。在学心理学的时候,我开始思考人与人之间的关系。然后,我开始对建立某种能像大学时交朋友那样的产品有了浓厚的兴趣,在冒出建立Facebook的想法时,我基本已经知道该怎么做了,于是便马上着手。

更多

SNS——关系拓展还是关系维系?

本文系我在知乎中参与一个关于六度分隔理论与SNS的相关问答讨论时提出的一些看法,因知乎无法长篇大论,因此,在这里进行了一些补充,并发表一篇博客。全文如下:

六度分隔理论指人际网络中任意两个节点通过网络中的相互关联的其他节点而产生联系的最少链接数量。这是一个不同关系纽带转换和传递的过程。这个理论的一个基本假设是网络中任意两个节点没有直接的链接(也就是不存在一个直接的关系纽带)。现实的社交网络中,这种情况是普遍存在的。在互联网中,这种情况也存在,但因其网络本身开放性的特点,建立直接链接的可能性,就大大增加了,那么,这个假设存在的条件,就有所动摇了。所以,我们看到了更多的新型的关系网络,它们在试图建立某种更加创新性的关系纽带,以使人们能够更直接或更容易地建立或管理自己的关系网络。

更多

中国社交媒体:为什么?怎么做?

在2000年中期,汽车品牌,比如 大众和本田开始利用中国在线论坛来讲述他们的品牌,中国的社交媒体世界充满着铜臭味。由于条例还没有明确,政府管制非常严格,而且中国的互联网爱好者似乎更倾向于玩在线游戏,而不是来关注品牌和产品资讯。

5年之后,社交媒体变成了品牌的核心展台,用来向他们的客户传递信息,建立支持者社区。这是因为在中国开始了互联网的开放使用,还因为中国网民变的更加成熟,敏感的,而且更倾向于消费。

更多

对社交说不

这些天听到的最多的一个词就是“社交”。的确, Facebook 是今天最大最成功的网络服务。
但是,跟在巨人的背后也有问题:你看到的很可能只是屁股。而那些更新,更酷的网络和移动网络应用团队们,正在反思“社交”。

Facebook : 社交是目的


对于 Facebook 而言,社交是他设计的目的。
双向确认是自然而然的,而个人状态推送则是神来之笔:不怕打扰,只怕不打扰。咱们说中文的,应该最清楚打扰对于社交的重要性了:你去别人家拜访,进门的第一句话就可以是:“打扰了”。

更多

一份项目管理提纲

这是一份工作笔记,我的做项目管理的方法,相信大多数有经验的项目/产品经理对此必定了如指掌,或者有更优秀的经验。

一 立项

提案过程是公司内部的一次自我营销,方案好坏、沟通高低决定公司对项目能投入多少资源。

  1. 提出需求,确定目标
  2. 分析论证
  3. 提出解决方案——PPT提纲.ppt
  4. 撰写产品需求文档PRD.doc、制作页面原型.rp
  5. 以PPT提纲和页面原型进行共享、论证、评估
  6. 面对决策层寻求资源支持
  7. 确认项目经理,组建团队,组织资源,立项
更多