吉尔

Geek重构 – 巧用outline

BY: 吉尔 / DATE: 2012-05-10 / POSTED IN: 页面重构 / VIEWS: 76 / COMMENTS: 1

css中的outline属性给人的印象似乎只是用来去除<a>标签获焦时的虚线,其实outline有它自己的巧妙之处。

outline是css2里的一个属性,得到了chrome、firefox、opera、safari以及ie7以上浏览器的支持,因此文章涉及的内容不过多地讨论ie6、ie7是否支持。

rocky

YUI3:js加载过程及时序问题

BY: rocky / DATE: 2012-05-07 / POSTED IN: 前端开发 / VIEWS: 74 / COMMENTS: 抢沙发

时序问题在javascript中比较常见,尤其是在网络环境不稳定时以及某些浏览器本来版本中比较多,遇到此类问题,往往会使开发者非常头痛,问题的重现需要特定的环境,是偶发的,不容易重现。对于有经验的开发者,大部分的时序问题都可以在代码中避免,对于浏览器,js代码的执行是单线程的,同一时刻只有一段js代码在执行,js的执行主要是通过两种方式来触发:

天窗

小东西大智慧

BY: 天窗 / DATE: 2012-04-17 / POSTED IN: 交互设计 / VIEWS: 211 / COMMENTS: 抢沙发

作为交互设计总会接到大大小小各式各样的设计需求,能接到大项目需求自然会让人兴奋,思索着能大展手脚,大干一场,满脑子想着能够做出神马创新,神马符合用户体验的好交互。但是,有时候,我们会接到一些看似相当简单的,小小的需求,然而往往这些小小的需求却隐含这极大的智慧,如果作为交互设计不去仔细挖掘,很快就会陷入平庸。

抓烤

响应式网页设计与应用

BY: 抓烤 / DATE: 2012-02-24 / POSTED IN: 视觉设计 / VIEWS: 589 / COMMENTS: 1

每个射击湿都想自己的网站可以在任何设备上体验都很牛,神马iPhone、ipad、黑莓、kindle……无所不能啊~ 苦逼的是这些东东的系统不一样,分辨率也不一样啊;电脑的屏幕越来越大,但是还有一半的用户还是用的17寸CRT;手机、pad层出不穷,没有个统一标准,我们又不想失去任何一个用户,这可苦了我这些设计师了,需要付出更多的心血来获得更好的体验,

石竹

前端开发利器—FIDDLER

BY: 石竹 / DATE: 2012-02-17 / POSTED IN: 前端开发 / VIEWS: 611 / COMMENTS: 1

1.Fiddler相对其他调试工具的优势

HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉,但是HttpWatch虽然可以抓到每个 HTTP 请求的全部数据,但无法修改返回的数据;尽管Firebug可以修改 HTML和CSS,但是在调试CGI接口时无法干预HTTP请求的参数值和CGI返回的数据。而 Fiddler作一个 HTTP 调试代理,不但能够记录客户端同服务器之间的所有 HTTP 通讯数据,还能够修改请求数据和返回数据,也叫做“构造请求”和“模拟响应”。除此之外, 添加了willow插件的Fiddler 还可以:统计数据包、修改Host、请求重定向、编码转换、低网速模拟、断点调试以及过滤HTTP请求…Fiddler包含了一个强大的基于事件脚本的子系统,并且能够使用.net框架语言扩展。相信你已经迫不及待安装它了。

大猫和小耗子

调皮的javascript

BY: 大猫和小耗子 / DATE: 2012-01-16 / POSTED IN: 前端开发 / VIEWS: 525 / COMMENTS: 4

javascript是一门有趣的语言,不仅有趣而且调皮,不同的内核的浏览器在解析的时候表现会有些差异,今天主要是抛砖引玉,和大家一起讨论一些在实际开发中比较常见但同时可能并没有过于在意的javascript表现。这里先做几个约定:
毛叔

我的重构初体验

BY: 毛叔 / DATE: 2012-01-12 / POSTED IN: 页面重构 / VIEWS: 488 / COMMENTS: 1

4个月前我得到了人生中的第一份职位——“重构工程师”。那时就经常有人问我:“这份职位是做什么?”“重构需要什么技术?”,当时我的回答是:“重构就是前端咯。”然而经过这个4个月的工作之后,我发现当时我的回答可能不那么的正确。那么,作为一位仍然还是“新人”的重构工程师,说一下关于这份职位现在我的理解和学习到的东西吧。当然,有错误或不当的地方还请各位前辈多多指教。

重构工程师是做什么的?需要什么样的素质?

瓦力

字符串的连接性能分析

BY: 瓦力 / DATE: 2011-12-27 / POSTED IN: 前端开发 / VIEWS: 275 / COMMENTS: 抢沙发

字符串连接一直是javascript中性能较低的操作,也是最频繁的操作;在JavaScript中字符串是不可变的,即它们的值不可以改变,这意味着要创建中间字符串来存储连接的结果;

+ 和 +=操作符提供了连接字符串最简单的方法,我们先看两个例子:

天窗

Axure心得大法

BY: 天窗 / DATE: 2011-12-07 / POSTED IN: 交互设计 / VIEWS: 14872 / COMMENTS: 7

在日常产品设计中,从产品经理到开发,Axure已经成为了标准的沟通工具及设计工具,交互设计环节也确实起到了产品设计和产品开发之间的关键作用。但是,通过跟很多产品经理的接触和沟通,我发现对于Axure这个设计工具的使用,有很多不熟练的地方,结果导致了效率低下,甚至影响产品设计的表达。借着上周开了第一期产品设计工作坊的机会,我把自己使用Axure过程中的一些心得提炼出来,供大家参考,共同提升产品设计的效率及质量。

酥扣

拟物设计—把物品融入页面

BY: 酥扣 / DATE: 2011-12-05 / POSTED IN: 视觉设计 / VIEWS: 718 / COMMENTS: 12

互联网诞生于上世纪60年代末,在90年代的时候进入中国并以飞快的速度普及开来。在互联网普及和发展的同时,做为互联网的视觉艺术的网页设计也得到了一日千里的发展,设计表现手法日新月异,强设计感页面不断冲击我们的眼球。为了吸引用户,特别是一些内容不受框架限制的活动,在设计表现也更显多样化,融入了更多元素,页面不再单一从一个标题,或美丽配图作为吸引点,整体感强的设计思路使页面更加独特。