作者: admin

  • 十万火急的春节回家过年

    http://www.iqiyi.com/dianying/20111223/a256ec39debf97c8.html#!sreview/latest

    从来不怎么看广告,但是这个广告直击心坎了。

    春节回家过年是很重要的事情。

    如果,现在还不明白,那是因为离家还太近,你还太小。

    有钱没钱回家过年。

    常回家看看,呵呵好久远的一首歌曲,记得小学在大姑姑家玩的时候,一到这歌她就不让换台。我们就很不耐烦。她的二儿子在黑龙江。

    推荐这个广告。

    好的广告不仅仅让人记住他的产品,更能抵达观众的心灵,引起观众共鸣和思考。

  • 我想寻找一些幸福

    写一些让自己感觉幸福的文字。

    看一些让自己感觉幸福的文章。

    听一些让自己感觉幸福的音乐。

    分享一些让自己感觉幸福的东西。

    结交一些让自己感觉幸福的伙伴。

    有的时候要去做一些让自己感觉幸福的事情

    我的伙伴你们好吗?

    吴茜你这几天看小说看到很晚很晚。

    你幸福吗??

    你幸福吗?

    你的梦想是什么呢?

    我的梦想是当个小说家。

    我其实看小说看到那么晚还是觉得很有精神

    很有精神的。

    有时候会奇妙的认为

    工作的时候是我的另一个人

    而在晚上看小说看到很晚的时候,

    是另一个世界的自己找到我。

    写一些让别人感觉幸福的文字吧

    赠予人们一些启发

    现在天冷的时候,

    戴着手套抓着鼠标

    看小说

    觉得真冷啊

    不过也是幸福的。

    自己用热水冲个鸡蛋水

    放上一个包子

    咬着包子看小说

    那是多么幸福的事情啊。

    哈哈哈

    我喜欢小说

    我想我会写一篇自己的小说的。

  • 让我们新的一年,都来点不一样的行程吧

    2011年的最后一天,明天就是元旦了。祝新的一年里,所有人幸福安康,快乐平安!

    办公司里的我们都在等待着最后下班的时间,然后拥抱各自的三天假期!

    我一次又一次的告诉自己明年的目的是去北京,然后这是在济南的最后一年。

    2009年9月20号来到的济南,从实习到稳定的工作。原来会有许多的困难和抱怨和在镜子上贴上纸条,告诉自己要努力,告诉自己要做一颗会改变的柠檬(笑,如果你看过羊皮卷,你一定就知道我说的什么柠檬。。。)。直到后来被同学介绍到他们公司,呆着。

    不是因为这里不适合我,而是因为这里太适合我,适合的我想到了三十年后的自己。所以我开始想要来点不一样的,想找一些东西刺激自己一下年轻的自己。

    年轻就是这么喜欢自找苦吃吧。妈妈和同学都对我说,你要是真去了北京,是要住地下室的,是要挤地铁的,一下雨就要站好几个小时的。我微笑着对他们说:“是的,是的,嗯非常好,非常好。我喜欢,我喜欢”

    可是妈妈,同学,我心里也有惶恐的,我只身一人要去北京了。这是已经决定的事情,你们难道不可以说一些鼓励的话吗?还有周哥说你还是好好考虑一下吧,你是不是要被拐卖啊。我说,那么我会写一本书,这将是另一种丰富的生活经历。他们都觉的我不可理喻。

    混乱的思绪,已经成型。所有的一切都沉在脚下。我已经抬起了脚,开始迈步。一直不愿意说这些微弱的惶恐。只因为要觉得老了,有些跟孙儿含饴弄孙时的谈资。

    人啊,总得做一些疯狂的事情吧。不违法,不伤人,只为了自己心中的一段梦。

    好了,让我们新的一年,都来点不一样的行程吧~

  • 盲人站长深恶痛绝的onfocus=”this.blur()”——虚线框去掉方法的慎重

    前一段时间转载了篇,如何去除虚线框的。当时有提示说对于盲人虚线框是有作用的。但是具体什么作用,不知道。幸好今天看到了这篇文章。就再次转载过来

    原文地址http://ued.taobao.com/blog/2011/04/15/onfocus-this-blur/ 淘宝ued

    —————————————————————————————————————————————————————

    杭州最美的季节里,淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件,就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页面时,他对我们前端的同学特别的强调:他最深恶痛绝的就是页面链接上有 onfocus=”this.blur()” 这句代码,这从何说起呢?

    0

    (图一)

    各位同学,看到这句代码有没有觉得眼熟,对的,你懂的,我们常用它来去除链接取得焦点时外围出现的虚线框(如上图一),google一下,前面几十页谈的都是这个去除虚线框的技巧。但我们也许以前从未想过:我们的这行代码给盲人用户们带来了巨大的困扰:这中断了盲人用户的Tab键路径,导致Tab光标无法聚焦页面的下一个控制器(链接、表单域、object、image map等)。测试如下:


    第一个链接
    第二个链接
    第三个链接
    第四个链接
    第五个链接
    第六个链接

    按下Tab键,第一和第二个链接都可以正常获取焦点,继续Tab到第三个链接时,悲剧出现了:此时焦点会回到第一个链接,而无法Focus到第四个链接,原因是当Focus到第三个链接时,onfocus=”this.blur()” 事件处理强制触发了失焦,焦点重新回到文档的最开始。于是不停按Tab的结果就是焦点在前面三个链接轮流转,后面的内容通过Tab键无法访问[1]。

    00(图二)
    那么,有更好的方式吗?从根源上看,加onfocus=”this.blur()”是为了去除链接获取焦点后外围的虚线框(当然chrome、safari、opera下的focus效果各异,这里姑且就这么叫吧 )。W3C关于Outline的文章里说明这个虚线框用来告诉用户当前页面获取焦点的元素。我觉得,虚线框的存在有它的合理性,但有时你也许无法回避某些”视觉洁癖”需求(如图二:虚线框使“商品”背景和下面的红色色块分隔开了),以下总结了去掉虚线框的几种常用方法:

    去除虚线框的方法优劣兼容性是否中断tabthis blur链接聚焦触发时失去焦点,js和html耦合在一起没有兼容性问题是a:focus {outline:none}或
    a{outline:none}outline由css2.1引入,去除虚线框视觉上的问题正是css的职责ie6/ie7不支持,ie8+/ff /safari/opera[2]支持否hidefocus该属性是ie的私有属性[3]ie5+支持否a { noFocusLine: expression(this.onFocus = this.blur())}可批量处理,但expression的性能问题不能忽视expression ie6/7支持,ie8+、非ie不支持是
    综合以上,去除链接虚线框的推荐方法是:ie下用hidefocus属性,ff/chorme/opera/safari下用outline:none。即:

    链接
    a:focus {
    outline:none;
    }

    杨永全同学无奈地说,如果页面因为onfocus=”this.blur()”导致tab无法访问页面全部内容,争渡读屏软件在读取页面之前会强制过滤掉这个属性,但是如果用户是在js里面动态触发this.blur(),读屏软件又要出新招来克制了。这无疑增加了读屏软件的开发工作量,为了让盲人用户们能更顺畅的访问我们的网站,尽量避免使用onfocus=”this.blur()”哦。

    注释

    [1]Safari默认情况下,按tab键是不会focus链接的,但会focus表单域,在偏好设置-高级勾选“按下tab以高亮显示网页上的每一项”可开启该功能。Opera比较特殊,它通过shift+上下左右方向键可以向上下左右focus页面焦点。

    [2]在Opera下点击链接(focus和active状态)时都不会出现所谓的虚线框,所以Opera下链接的虚线框问题可以不计。 Opera 通过shift+上下左右键产生的线框通过outline:none并不能去除,但是Opera支持outline这个属性。

    [3]hidefocus属性是ie的私有属性,虽然hidefocus属性有true or false两个值,但测试结果是ie5-ie9不管其值为true or false, 只要添加hidefocus属性,该链接都会失去虚线框。

  • ie6 ie7中input标签隐藏边框(border:none与border:0的异同)

    今天做表单,直接表格里面用input。后来因为使用户看起来表单更像文稿,把边框都去掉。按照习惯直接none。发现input text在IE6与IE7中边框并没有去掉(button类型的input有效果,边框已被去掉)。

    谨记,input[type=button]{border:0;} — 在IE6中不兼容—

    input{border:none;}/* IE8 火狐 chrome*/

    input[type=text]{ border:0; }/* 在所有input中类型是text的隐藏边框,兼容 ie7 ff chrome */

    input{border:0;}/* 包括所有input,兼容 ie6 ie7 ff chrome */

    后在网上搜索,这个border:none与border:0的区别

    border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。

    1.性能差异

    【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。

    【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。

    2.兼容性差异

    【border:none;】当border为“none”时对IE6/7无效边框依然存在

    【border:0;】当border为“0”时,所有浏览器都一致把边框隐藏

    总结:

    1. 对比border:0;与border:none;之间的区别在于有渲染和没渲染,感觉他们和display:none;与visibility:hidden;的关系类似,而对于border属性的渲染性能对比暂时没找测试的方法,虽然认为他们存在渲染性能上的差异但也只能说是理论上。

    2. 如何让border:none;实现全兼容?只需要在同一选择符上添加背景属性即可

    3.对于border:0;与border:none;个人更向于使用,border:none;,因为border:none;毕竟在性能消耗没有争议,而且兼容性可用背景属性解决不足以成为障碍。

  • 兔子尾巴的故事-我的日记本

    带花的这本塑料皮儿的日记本用完了,今天在公司写一个摘抄的时候发现已经又回到第一页了。(这本日记是正面写完,然后又倒回来反面写的)

    这个日记本的开始时间是2009年7月26号开始的,那天是七夕节,当时是快要去济南的时间,后因还在做齐鲁软件大赛就推迟了来济南的时间。150页,写到今天。2011年12月21日将近两年半的时间。哈哈,这本写的时间最长。其他的都是一年一本的。哈哈,2009年9月20号来的济南。

    后下了班,坐1路车去洪楼充月票,然后买个日记本。到了大润发我竟然没找到卖日记本的地儿,最后终于找到的时候,竟发现,就是找不到一种合眼顺手的本子。大都装饰的太过漂亮,漂亮到没有实用价值。终于找到个页面广阔,还没怎么有圆角或者花纸的,不过封面不太乐意,因为封面是一只带蝴蝶结的米老鼠!囧。

    回住的地方坐的122,经过丁家庄的时候。发现那天天更新“最后打折,跳楼价了,最后三天”“最后七天”“合同到期,全场甩卖”等等词句的卖红木家具的,又把横条幅改成“最后九天,回家过年,低价销售”了。o(︶︿︶)o 唉,天天这样,从他横幅内容的变迁,我们就知道要放什么什么假期了。记得当时站在公交上看到的时候还想着能不能写个故事呢

    咳咳,故事的梗概是这样的。“故事的开头原本就甚是荒唐,范斌要知道会有后面这一出,怎么也不会去那个打折的小店买东西啊。都说便宜没好货了,他这竟然是附带赠品的,只不过这个赠品是个人……”

    开头

    “范斌,二十三四像大多数外出务工人员一样,刚来到这个陌生的二线城市。找到租的地方,里面就有个床和一个一米高半米宽的柜子。完成找到住的地方这个大事儿后,就开始寻觅点东西放里面了。他是先在网上视频面网页设计试通过后,才来这边的。所以工作上没有什么顾虑了。

    这两天上班经过的那条工业南路上,他注意到了。总有一家店,扯着黄色的横幅,大红的粗体写着打折甩卖倒数N天。范斌捏捏口袋里的钱,觉得再等到最后一天,应该最便宜了。其实,但凡范斌和周边的人打听一下会是知道这家一年四季都在进行倒数几天赔本大买卖的。或者自己稍微动脑子想想,也会明白这是卖家的促销伎俩。可是设计专业的范斌啥都不知道,估计是在大学念书念傻了。等到最后一天了,范斌已经看好了,是周天。初冬的天气还是有点冷的,范斌穿着个高领的毛衣,就去了。进去前扶了扶眼镜腿。其实也就200来度,他总是觉得自己眼睛小,戴上眼镜就觉得自己眼睛变大的似得。其实这是典型的欲盖弥彰,自卑作祟心理,好这个不提了。反正他当时是抱着类似打劫的心里,惴惴不安的进去的。店主,……&*……&……(**((&*)((*)”

    什么????后来???后来2号主角要出场的时候,就小跑着就去打卡了,迟到了!!伟大的122总是匪夷所思,不来则已,一来就五辆。

  • [转载]去掉按钮点击虚线框

    如何去除虚线框
    对于如何去除虚线框,有很多人推荐这样写:

    a:focus, input[type=button] ,input[type=submit] { outline:none;}
    从这段代码来看,让我们小分析一下,有两点可能是需要我们注意的:

    去除不全面
    IE6/7 并不支持 outline 属性, firefox 下 input 的虚线并没有去除

    去除太多
    除 IE6/7 外的所有浏览器的按钮(firefox没去掉)和链接都被去掉虚线框

    这是看起来矛盾的两个问题。其实不然,因为是两个现同性质的问题。从技术上,这个方法并不全面。从体验上,我想你也知道,我们只是去掉部分不需要的,去掉全部并不友好。所以,上面的写法个人并不推荐。

    关于潜规则、关于BUG
    Demo: 我能在用 TAB 键的时候不去掉虚线框吗?为什么我的 input 在 firefox 下没有成功去除虚线框?这些问题被提出的时候,困扰着不少人。因为这里面有潜规则。总结一下,看这个表:

    去除的方式生效的浏览器outline:noneIE8 | Firefox | Webkit |OperahidefocusIE:focus{outline:none;}IE8 | Firefox | Webkit | Opera:active{outline:none;}同上,但在tab的时候,IE将保留虚线框::-moz-focus-inner{outline:none;}Firefox 存着bug,input 须要去这个伪状态下的边框

    好吧,不得不承认的是,这些小事,都还真是一门学问,我们要好好学习,好好积累。多用点心,把东西做得更好。

    IE6和IE7DE 解决办法:


    总结:我用的方式

    input[type=button]:focus,input[type=submit]:focus{outline:none;}//IE
    input[type=button]::-moz-focus-inner{outline:0;}//火狐

    a{outline:none;}//IE文字链接

  • 那些游荡在你心里的东西

    两个男孩,半站在车上,狂喜一样嗷嗷蛮叫,穿过十月的田野,沿路蜿蜒而去了,变成小小一粒背影——柴静 看每一篇文章,每一个记录,习惯于一边感动一边审视,一边又质疑,有的时候会刻意关闭自己的心灵,不过总有些人有些物会打开你的心扉,抵达你心灵的柔软处。这是值得庆幸的啊~ 因为保护,你关闭了自己的心灵,你开始变得不那么敏感,不那么容易受伤,也同样不那么容易感动。一件简单的事,你会想后面会不会有更多的牵连。一件简单的新闻报告,你就会想后面会不会有更多的黑幕。当然更多的时候,媒体会满足你这种猜测,也真的会出现更多的黑幕。也正因为如此,感动的心里开始关的更紧,有的时候你都会怀疑自己还有没有可感动的。看到电视流泪的 听歌听到流泪的 看动物世界看到流泪的 看文字看到流泪的 还有呢?? Alex写有人说,小时候,幸福是很简单,长大后,简单很幸福。当我们长大,一句话,我们都会反复咀嚼其中更刁钻的意味。简单,变得越来越遥远。
    觉得自个儿稍微有点迷茫的,或者活得不纯粹的,或者活得累了,推荐看下,朱丽亚 罗伯茨的 《美食 祈祷 和恋爱》

    0

  • 有些东西就在不知不觉中形成了

    那些气质,那些文雅,那些谦谦君子的感觉。

    我在想,那得是多少的东西才能堆积出来啊。

    我在想我自己的气质是属于什么类型的,是不是那种温文尔雅的感觉,那种具有智慧的感觉。

    我一直相信腹有诗书气自华,那种由内而外的散发着,令人幸福的信服的感觉,什么大事都能平淡淡然处之。哈哈大笑。

    不急不躁。

    会场不错的感觉。

    我什么时候也能有呢??

    文质彬彬的感觉,很有智慧的感觉。

    聪颖而又文静的感觉。

  • 使用opacity css,进行图片上黑条半透明签名标题

    在群里曾有人问过,图片上的黑条怎么写,当时我说的是用position:relative,然后用span写个黑条就可以。后来我在看到某本书的时候,上面用的是绝对定位,且没有黑条。然后实验了一下,发现还不如用相对定位好。可见有的时候书本并不是全效率美观的。我开始用相对定位写,可是里面的半透明条反而出现问题,不是IE8就是火狐3.6以上版本。要是全黑的就感觉图片被切去一块,还感觉底部太重。想弄个半透明的感觉。然后调试了N多,终于写出来了。

    感受:技术不能理论可行,还得试验才行啊。哈哈

    目的:解决图片签名实底色变为半透明,感觉很轻盈精致。

    0

    (上图为最终效果图)

    以下为源码





    图片签名


    ———————————————————————————————————————————————————————–

    总结:

    opacity: .7; /*支持火狐*/
    filter:alpha(opacity=70); /*IE5.5+*/

    -moz-opacity:0.7; /*火狐3.5及以下支持。3.6及3.6+开始不支持*/
    opacity: 0.7; /*支持火狐3.6及以上,不支持IE8*/