Google新产品风格滚动条的实现方法

让页面当中的滚动条使用Google产品风格

Google全线产品改版后,褒贬不一。不过它们滚动条看起来很漂亮,简单好看,有点Ubuntu的感觉。

不过实现起来并不复杂,研究之后,发现是这样定义CSS的:

::-webkit-scrollbar{
  width:6px;
}
::-webkit-scrollbar-track-piece{
  background:none;
}
::-webkit-scrollbar-thumb {
  background:#DCD9DE;
  border-radius:6px;
}
::-webkit-scrollbar-thumb:hover {
  background:#EAE6EA;
}

当然,看到”-webkit“,自然只有webkit内核的浏览器比如Chrome才生效(我没有测试Safari)。具体支持哪些样式暂时还不确定,Google搜索“-webkit-scrollbar”竟然没有结果。已知background、border这些都没问题,:hover这样的伪类也支持,margin、padding似乎没有作用。以后再慢慢研究吧。

2012年新年计划

去年过完年,许下一些心愿,现在回过头去看看,大多数还是实现了的。如今再来一次,给今年定下一些目标,希望都能实现,哇咔咔。

去年过完年,许下一些心愿,现在回过头去看看,大多数还是实现了的。如今再来一次,给今年定下一些目标,希望都能实现,哇咔咔。

继续阅读“2012年新年计划”

新年写书计划——《ActionScript 3.0高级编程》

看到那个年仅21岁的外国男孩,周游世界,写完《Javascript Web应用开发》,然后入职twitter,无法不佩服起老外的敢想敢做。

看到那个年仅21岁的外国男孩,周游世界,写完《Javascript Web应用开发》,然后入职twitter,无法不佩服起老外的敢想敢做。

新年是一个定各种计划,许各种愿的时候。此时此刻我决定写一本书,书名暂定《ActionScript 3.0 高级编程》,内容可想而知。这本书未必能最终付印,可能最后会成为我博客上的一系列教程,总之我决定写出来,因为写书这件事儿听起来太nb了。

继续阅读“新年写书计划——《ActionScript 3.0高级编程》”

总结一下2011

2011年过去了。过去的一年中发生了很多事情,总结一下。

2011年过去了。过去的一年中发生了很多事情,总结一下。

  1. 两岸三地的婚礼顺利结束,人生展开了新篇章
  2. 出国度了蜜月,咱也是出过国的人了
  3. 拥有了一张信用卡——我原先是绝对不想办信用卡的,现在觉得这真是个好东西
  4. 离开了效力将近5年的老公司。彻底的了解之后,这次应该是彻底离开了
  5. 买了主机和域名,开始给职业生涯增添别的砝码
  6. 加入新公司,认识新的领导和同事,学到不少新技术和新想法
  7. 买了ipad2和kindle fire,开始理解移动应用,尝试自己开发移动应用
  8. 看了一些书,认识了一些人,能看到更远,想到更多
  9. 骑车上班+游泳,脂肪肝终于由中度降为轻度了

在Flash Builder 4.6里使用spark + Robotlegs

在spark里使用Robotlegs的小问题,官网现在还是mx框架,可能会有人遇到。

为了有一套好用的框架和组件改善开发环境,近期开始学习flex。因为之前几乎没有接触过flex,所以直接从FB4.6学起,直接开始用spark库。

自从7月份换了新工作接触到Robotlegs后,我就喜欢上这个框架,它非常自然、方便的解耦功能模块。所以学习flex第一步还是想继续使用Robotlegs框架,结果很快遇到了第一个问题。

继续阅读“在Flash Builder 4.6里使用spark + Robotlegs”

JavaScript实现命名空间(绑定在jQ)

不支持命名空间一直是JS开发里比较严重的问题。不过大家想出了各种手段来绕过这个坎,比如YUI的namespace。可惜的是jQuery尚未提供一个合适的解决方案,不过这并不难,可以人肉给它添加这个方法。

不支持命名空间一直是JS开发里比较严重的问题。不过大家想出了各种手段来绕过这个坎,比如YUI的namespace。可惜的是jQuery尚未提供一个合适的解决方案,不过这并不难,可以人肉给它添加这个方法。稍加搜索,找到两个地址介绍此方法,附在最后。

继续阅读“JavaScript实现命名空间(绑定在jQ)”

【转载】如何唤醒前端植物人

【前端开发遇车祸成植物人,IE6将他唤醒】北京程序员王xx遭遇车祸成植物人,医生说活下来希望只有万分之一,唤醒更为渺茫。他的Leader和亲人没放弃,他们根据王xx视工作如命的作风,每天都在他身边念:“xxIE6侧边栏又乱了,线上BUG啊!快起来改!”奇迹发生,王醒来,第一句话:我这是好的

【前端开发遇车祸成植物人,IE6将他唤醒】

北京程序员王xx遭遇车祸成植物人,医生说活下来希望只有万分之一,唤醒更为渺茫。他的Leader和亲人没放弃,他们根据王xx视工作如命的作风,每天都在他身边念:“xxIE6侧边栏又乱了,线上BUG啊!快起来改!”奇迹发生,王醒来,第一句话:我这是好的

做过前端的都懂得……最后一句大亮……