自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(59)
  • 收藏
  • 关注

转载 迅盘从入门到精通 彻底告别WIN7关机烦恼 T400亲测

T400 win7 亲测 , WIN7下关机问题彻底解决 , 360开机检测22S 关机10S 左右 , 关于最新驱动 大家到INTEL官网下载 最新1.10版 . 关于有些黑友开机黑屏的问题我从没有遇到过,也不确定是不是迅盘问题 .初识——探知迅盘的点滴 所谓迅盘,就是Intel提出的Turbo Memory,俗称硬盘加速卡、Robson卡或flash ca...

2013-03-23 16:26:00 409

转载 CSS阴影效果(兼容N多浏览器)

二、标准方法标准方法当然就是指使用CSS3的方法了,这个应该不少同行应该知道,参见如下代码:.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;}释义为:横向偏...

2013-03-12 11:12:00 140

转载 IE6下Png透明最佳解决方案(推荐) Unit PNG Fix

咳! 哎!..... :-( "你听见了么? 这些都是大家抱怨IE6下不能实现png图片漂亮的明效果的哀叫声,的确是无奈呀.....不过现在幸运的是,我们能够让这一切的抱怨都停止.网络上解决IE6下Png透明解决方案有很多,例如IE PNG Fix from TwinHelix,Javascript IE PNG Fix,Transparent PNGs in Int...

2013-03-12 09:47:00 167

转载 IE6下PNG图像透明完美解决方案–DD_belatedPNG

今天天外飞仙起早了,收集个插件分享大家—DD_belatedPNG插件,可以让图像透明,这个方案只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>。原理这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用...

2013-03-12 09:46:00 130

转载 div+css 常用三种自动适应宽度分栏

CSS两列布局,右侧固定,左侧自适应宽度 <divstyle="width:90%; margin:0 auto; overflow:auto; _display:inline-block;"> <divstyle="width:200px; float:right; background:#090">这是右侧的...

2012-11-07 18:16:00 356

转载 Dreamweaver光标位置不准解决方法

在使用DW的时候,在代码编辑区, 如果有中文时, 用鼠标点击时, 光标的落位总是不准确, 总要往前偏位几个字符。这是因为Dreamweaver中文支持不好所产好的问题, 我们知道当在utf8编码下, 中文是占两个字符的位置的. 可能DW没有考虑到这个, 在代码编辑区把所有的文字做统一长度来处理, 也把中文也当作是一个字符位. 导致光标定位的时候不准确.解决问题的办...

2012-09-04 14:23:00 881

转载 自适应网页设计(Responsive Web Design)

随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并...

2012-08-30 10:01:00 77

转载 当inline-block和text-indent遇到IE6,IE7

在实际应用中,考虑到seo,很多button,icon都要用到inline-block和text-indent来处理,例如:<a href="#" class="btn">Button</a>css我习惯写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:...

2012-04-20 15:27:00 75

转载 IE6 absolute 元素宽度被撑开 bug

症状当绝对定位元素的子元素被触发hasLayout时,该元素宽度会撑满整个窗口<div class="absolute"> <div class="inner"> <p>IE bug</p> </div> </div>.absolute{position:absolute;left:100px;top:1...

2012-03-30 10:20:00 155

转载 css 背景色半透明 兼容各个浏览器ie6 ie8 火狐

第一种:只需要在css里面写上红色部分.content{background-color: #000000;/* other browsers */opacity: 0.4;/* this works in IE6, IE7, and IE8 */filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/* this wo...

2012-01-06 12:52:00 117

转载 Css选择器命名规则

操作系统版本:Windows 7浏览器版本:IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev受影响的浏览器:所有浏览器.经常讲到css选择器命名规则,其实不只是在团队合作基础上来讲这个,每个浏览器,IE产品,火狐,苹果,谷歌,都会因为命名不规范会产生不同样式..一、关于选择器的命名W3C CSS2....

2011-11-03 14:41:00 229

转载 兼容所有浏览器的CSS3圆角

解决CSS3圆角 兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,前端观察最近将整理更多更全面的资源给大家,敬请期待。译 :前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome...

2011-10-24 09:43:00 80

转载 关于 app2sd、app2ext 的理解 开启方法

我个人的理解,把软件装在内存卡有 3 种类型:app2sd、app2ext 和 data2ext。安装后的软件 主要 分为 4 部分,分别在系统文件data 的 app、app-private、dalvik-cache 和 data 的目录下。app2sd:不用分区,直接把 app、app-private 目录下的部分数据装载到内存卡(fat32格式)里,由于系统数据格式不同(Andri...

2011-09-26 16:41:00 380

转载 从所谓“IE6盒子模型”说起

起因[TOP]事情要从6月份锐商企业发的那篇《IE6 很邪恶,但我爱它的盒子模型》[1]说起,这篇文章已经被转了又转(Google的搜索结果相当多,百度倒是挺“干净”的),此文对于盒模型是这么描述的:“可以看出,IE6 盒子模型中,盒子的尺寸包含了 内容区,padding, border 和 margin 这四个部分,而 W3C 的盒子模型中,盒子的尺寸只包含内容区...

2011-08-10 15:31:00 150

转载 关于DOCTYPE

DOCTYPE不可怕,但把它拿走,会让你怕了又怕。最近在蓝色理想转悠,发现很多朋友提出有关DIV+CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个——显示很奇怪,很难调整。我们浏览的大多数网站,或者用Dreamweaver创建一个新的网页文档时,源码的顶部都会有DocType声明,但是很多人没有注意它,甚至在创作时候直接将它删掉,其实这往往就是噩梦的开始。在遵循标...

2011-08-10 15:30:00 72

转载 IE6下z-index失效

一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点,不会花费过多篇幅详细讲述。这里就简单带过,z-index伴随着层的概念产生的。网页 中,层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道,层级越高(图层越靠上),越在上 面显示,如果层发生重叠,层级高的会覆盖层级低的,如果非透明或半透明,则会遮挡。...

2011-07-25 13:20:00 70

转载 网页重构中区分IE6、IE7、IE8及标准浏览器的最佳方法

写在前面由于万恶的IE(尤其指IE6和IE7),我们在页面重构时不免要对其进行各种bug修复及差异化处理。在标准浏览器[1]中可实现的效果在IE里却有各种离奇问题,例如IE6、IE7不能良好应对的inline-block和.clearfix问题,好在大部分问题已经有了足够的总结和途径。废话不多说,下面是一些方法区分浏览器的方法和我的看法。主要途径CSS Hack直接在...

2011-06-27 15:13:00 112

转载 z-index下的一些知识

前几天工作的时候遇到一个问题,在IE6下select 这个控件似乎无法用z-index 属性隐藏,接下来就开始了寻找问题的解法,总结了一些z-index 的知识。z-index 定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。该属性设置一个定位元素沿z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户...

2011-06-27 11:24:00 85

转载 overflow知多少

最近在研究OOCSS,当打开template.css阅读第一行时,震惊了,第一眼居然没看懂。。。。。。以下就是OOCSS下的template.css第一行代码:12.body{overflow:hidden; _overflow:visible; _zoom:1;}.main{overflow:hidden; _overflow:vis...

2011-06-27 11:23:00 183

转载 不要告诉我你懂margin

你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?……写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于...

2011-06-27 11:21:00 1143

转载 交互设计实用指南系列(12)—避免出错

一、如何理解本条内容:一个“简单”和“复杂”的例子在我和开发人员沟通一个项目需求的时候,他们频频慨叹Mockup的设计所考虑情况之细致,很多程序要实现的预判和“非基础功能点”让开发人员望而却步不情愿去实现。相比较设计师为了让用户避免出错而绞尽脑汁去设想和考虑,开发人员更倾向于直接给到一个只能容许的操作行为,其他非法请求全部报错:“程序是严谨的,他错,我报错,以不变应万变。简单...

2011-05-25 11:28:00 218

转载 交互设计实用指南系列(11)—减少记忆负担

写在前面的话关于《交互设计实用指南》,我们最近收到很多朋友的反馈,有支持的也有批评的,在此一并感谢了,有你们的关注,我们才能走得更远。《交互设计实用指南》其实是收集和总结了交互设计上的一些问题,肯定有很多老生常谈的东西,是不是老生常谈其实不是问题,“问题在于,这些老生常谈的东西有没有被积累,有没有被传承,有没有被体系化。”(青云语)《交互设计实用指南》的读者群涵盖了许多行业,而且就算...

2011-05-25 11:27:00 339

转载 交互设计实用指南系列(10)—别让我思考

虎年ued第一篇,年前写完,今天发出来给大家分享!先给互联网上的梦想者们拜个晚年!以前经常吃公司旁边的食堂,人多,排队。夏天的时候,我们总要找一个靠窗口通风好的地方坐,没有空调只有风扇,风扇很多,开关都集中在一个地方,应该是方便操作人员统一管理,有时自己头上的风扇没开,当我要去开这个风扇时,麻烦来了,很多排的风扇开关,到底哪个是我头上的呢?生活中有很多总让我们感觉莫名其妙,...

2011-05-25 11:26:00 92

转载 交互设计实用指南系列(9)—一次点击

有一次去超市换货,本能的找到服务中心,服务中心说这个业务在超市旁边一个房间里,由于忘记带小票,那个小房间的人让我去另外一个小房间调电脑里的记录,调出来我拿着记录单去了卖货的地方才换货。其实超市退换的需求也不少,整个过程服务态度很好,但是很麻烦。其实我们日常生活中很多事情,办起来过程很罗嗦,办事的工作人员说这是应该的,都这样做,可应该不应该,谁是评判标准呢?交互设计一个很重要的...

2011-05-25 11:25:00 142

转载 交互设计实用指南系列(8)—深广度平衡

相信大家对街边林林总总的房产中介并不陌生,那么我们先看看下面这张图片。图1从右侧这家店的橱窗里,我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类,并且在视觉上做了一些划分,让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题:深广度平衡。1. 什么是深广度?其实“深广度”本身并不是一个单一的概念。在网站的信息架构中,有一...

2011-05-25 11:24:00 134

转载 交互设计实用指南系列(7)–避免迷路

交互设计实用指南系列(7)–避免迷路2010年01月22日 | 设计探讨, 交互设计实用指南任何位置都能明确“我在哪里?这里有什么?从这里能去哪里?”迷路可不是一件好玩的事情,试想你驾车行驶到高速公路分叉口时,却看不见任何路牌,那该会怎样地困惑、沮丧、愤怒和恐惧。为了避免迷失方向,我们发明了各种导航工具,大到卫星定位系统,小到指南针,人类在这一事情上,极具创意。...

2011-05-25 11:23:00 164

转载 交互设计实用指南系列(6) –标签明晰、有效

导航标签彼此互斥、完全穷尽。导航标签其实就是一种文字表达形式,我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签,代表的内容通常会包括公司名称、电话、地址、邮箱等信息。它可以是文字,也可以是图片。在英文里被称作“Label”,并不同于我们常说的“tag”标签云图。说简单一点,我们就是要为网站的信息做分类,并为它们起一个通俗易懂的名字。这其实是任何人都可以做的...

2011-05-25 11:22:00 89

转载 交互设计实用指南系列(5) – 突出重点,一目了然

看到这张照片,我们一眼能够看到天宏(图中这位UED俊男)的眼睛。我们能从他的表情里读出一些他的性格。一张好的摄影作品,最重要的一点,就是这个照片是否有焦点,照片的主题是否一目了然。而摄影作品的用光、构图、景深等等手法,其实就是在让一个照片能够有其焦点,并且利用这些艺术手法来烘托气氛,提升主题。 一个优秀的页面亦如此:应当突出重点,一目了然。相信大家也知道,一个用户在浏览网页的...

2011-05-25 11:21:00 131

转载 交互设计实用指南系列(4)—简洁清晰,自然易懂

我们生活在信息繁杂的社会,尤其是在互联网时代,人们开始通过网络开始接触越来越多的信息,那么,如何获取/传递有效而准确的信息将非常重要。在网页交互设计中,我们提出:信息获取和传达的过程必须是简洁清晰,自然易懂。这样用户才能够有效的获取这些信息,并迅速作出决定。1.什么是“简洁自然,清晰易懂”?简洁清晰:使信息最简化“少即是多”。提倡使用最少的元素来表达最多的信息。如果信息繁杂,...

2011-05-25 11:20:00 325

转载 交互设计实用指南系列(3)—适时帮助

任何一个交互过程的操作,对于用户来说都有学习成本,谁也不能保证所有人都可以准确无误地走完一个流程。交互设计师在设计时应该考虑适时地给用户相应的帮 助,这一点非常重要。适时帮助,是指在用户使用流程中,在需要的时候能及时地得到帮助;反之,在不需要帮助的时候,不要出现信息干扰。不及时的帮助会造成用户使用进程中断,或者增加用户达成目标的难度。无效的帮助则可能给用户造成干扰,影响用户完成任务。...

2011-05-25 11:19:00 93

转载 交互设计实用指南系列(2) –可及

可及,通俗的说是“可以达到”,加上主语和宾语,在“交互设计”这个大的语境下,含义应该是“用户可以达到自己的操作目标”,这不是和“有效性—用户的操作是有效的”重复了吗?其实,在交互设计实用指南中,“可及”是一个狭义的概念,是放在有效性下面的,具体解释为“色盲、肢体残疾等特殊人士可以完成基本操作”。更扩展一下,这个特殊人群应该还包括老人儿童,文盲等对信息使用不擅长的人。也就是说,交互设计...

2011-05-25 11:18:00 149

转载 交互设计实用指南系列(1) – 操作入口明确

“操作入口明确”,就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”,指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件、输入框、文字链等都属于操作入口;“明确”指的是入口的视觉感是清晰的、可识别的;“合理”是指入口的出现是符合用户操作逻辑的,适时的。之所以要提出“操作入口明确”,是因为用户在使用产品的过程中,往往遵循的是可分析的行为逻辑。对于产品本...

2011-05-25 11:17:00 231

转载 交互设计实用指南系列(0) – 我们眼中的交互设计

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面(Wikipedia)。通过对界面和行为进行交互设计,从而...

2011-05-25 11:16:00 118

转载 【jQuery插件】capacityFixed-类似于新浪微博新消息提示的定位框

公司项目需求中有一个类似于新浪微博新消息提示的定位框的效果,例如:这个在很早以前其实已经写过,请移步:http://www.css88.com/archives/1943当浏览器滚动的时候,要浮层要移除浏览器界面视区的时候,修改其position属性,让其浮动在窗口的上沿显示就可以了,position:fixed,可以在IE7+和其他浏览器下浮动层平滑固定定位,由于IE6...

2011-05-24 09:08:00 83

转载 RIA大潮中,哪种技术适合你?

实现RIA的技术平台种类繁多,各有优缺点,但是对于不同的开发者来说,哪一种更适合呢?Rich Internet Application(富互联网应用程序,简称RIA),一种全新的Web应用程序架构,它结合了桌面软件良好的用户体验和web应用程序易部署的优点,很快获得了企业的青睐。 近年来,各大开发平台供应商相继推出新的技术来支持RIA的开发,从Ajax到SilverLight,从...

2011-05-05 16:22:00 144

转载 【IE6的疯狂系列】IE6 BUG大全(bug征集、整理中..)

IE6 bug到底令我们前端开发头痛我就不多说了说实话,很多东西我一直在回避IE6的BUG,比如不用半透明的PNG。。。但是毕竟IE6还将长期存在,而且IE6在中国比例目前还绝对多数,所以我们无法回避。逃无可逃,退无可退!现整理收集《【IE6的疯狂系列】IE6 bug大全》仅供参考。如果大家发现IE6或者IE7的BUG,并愿意共享,请您留言,来邮件:feiwen877...

2011-04-28 15:45:00 77

转载 【IE6的疯狂系列之十三】IE6下使用滤镜后链接不能点击的BUG

大家可能都知道IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜(用于PNG32 Alpha透明)后链接不能点击的BUG,大家也都知道只要在a标签上加相对定位的属性(position:relative)就可以点击了。见demo页面中的例子1:http://www.css88.com/demo/ie6bug_filter/(使用I...

2011-04-28 15:41:00 73

转载 【IE6的疯狂之十二】一个display:none引起的3像素的BUG

还真不知道这个题目这么写,暂时就用这个吧。今天同事给我看了一个display:none引起的3像素的BUG,非常奇怪!从来没碰到过display:none还能引起这种bug。看代码:1<divstyle="width:300px; margin:20px; border:1px solid #000; overflow:hidden; ...

2011-04-28 15:40:00 78

转载 【IE6的疯狂之十一】css的优先级及!important在IE6下的一个BUG[2009年8月1日更新]

一 css的优先级今天有人跟我说css hack中用!important来区分ie6,因为ie6不支持!important,是的在很早以前我也是用过这种方法写hack,但是后来就基本不用了。本来我对他谁的ie6不支持!important也没什么异议,可是正好在前几天正好用个这个!important属性解决了一个样式优先级的问题,而且是支持ie6的,这是为什么呢?到底ie6支不支持...

2011-04-28 15:39:00 59

转载 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG

在前端开发中,经常会用到css的position:absolute来使层浮动,前通过left,top,right等属性来对层进行定位,但ie6对left,top,right等属性的解释和ie7,ie8及firefox、chrome等不一致。在父层使用position:relative;和padding(当然0值除外)后,ie6中层的定位起始坐标是从padding后的位置算起,而其...

2011-04-28 15:38:00 110

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除