微软Win8 Surface首发领衔互联网大事记

北京时间2012年10月17日,微软win8平板Surface发布价格及配置,苏宁国内首发,恰好验证了前天官方微博晚上放出的信号要有重大的事情发生,看来苏宁与微软的合作关系进一步升温是理所当然的,这不禁让国内其他电商对苏宁是羡慕有加啊!

»阅读全部

web app/mobile web开发指南入门教程

基础知识篇—–摘自:webkit webApp 开发技术要点总结
1. viewport:
也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;
实际上我们可以操作的属性有4 个:

1
2
3
4
5
6
width -             //  viewport 的宽度 (范围从200 到10,000,默认为980 像素)
height -            //  viewport 的高度 (范围从223 到10,000)
initial-scale -     //  初始的缩放比例 (范围从>0 到10)
minimum-scale -     //  允许用户缩放到的最小比例
maximum-scale -     //  允许用户缩放到的最大比例
user-scalable -     //  用户是否可以手动缩 (no,yes)

那么到底这些设置如何让Safari 知道?其实很简单,就一个meta,形如:

»阅读全部

LESS-CSS动态语言介绍

CSS LESS已经出来一两年了,直到前几个月,我才接触到这个技术,想想已经是OUT了,看了一番资料,对LESS有了初步的了解,无不感叹LESS的强大之处,以后是在W3CPLUS上大漠翻译整理的一篇文章,先收藏转载过来,慢慢研究。

Less是一种动态的样式语言。Less扩展了CSS的动态行为,比如说,设置变量(Variables)、混合书写模式(mixins)、操作(operations)和功能(functions)等等,最棒的是,Less使用了现有的CSS语法,也就是说,你可以直接把你现成的样式文件“style.css”直接改成“style.less”,他也能正常工作。如: »阅读全部

网站性能优化,你的cookies瘦身了吗

在前一篇文章cookie-free-浅谈前端性能之顶级域名与二级域名的使用中我们说过了使用二级域名或者独立域名解决cookie-free的问题,那么cookie到底对我们网站的影响有多少,它又是个什么东东呢?

首先,cookie是一个什么概念。

Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。 »阅读全部

重温经典布局-圣杯Holy Grail of Layout

经典三列布局,也叫做圣杯布局【Holy Grail of Layouts】是Kevin Cornell在2006年提出的一个布局模型概念,在国内最早是由淘宝UED的工程师传播开来,在中国也有叫法是双飞翼布局,它的布局要求有几点:

1、三列布局,中间宽度自适应,两边定宽;

2、中间栏要在浏览器中优先展示渲染;

3、允许任意列的高度最高;

4、要求只用一个额外的DIV标签;

5、要求用最简单的CSS、最少的HACK语句; »阅读全部

cookie-free-浅谈前端性能之顶级域名与二级域名的使用

在前端开发中经常会使用二级域名和独立的顶级域名作为资源服务器的地址,例如本站的顶级域名是elonglau.com,主域名是www.elonglau.com,那么我们可能会使用static.elonglau.com作为静态资源文件服务器的地址;为什么使用二级域名或者独立的顶级域名作为静态资源文件地址呢?有两个重要原因,第一、促使浏览器并行下载多个请求、提高加载速度;第二、cookie-free;那么,今天我没来着重探讨第二个。

YSlow给如何提高网页效率和优化网站性能提供了22条建议,其中有一条是关于域名的:Use cookie-free domains。

使用 cookie-free domains 有什么好处呢?当用户浏览器发送一个静态文件,如图片image、CSS样式表文件时会同时发送同一个域名(或二级域名)下的cookies,但是网站服务器对发送过来的cookies完全不予理会,因此这些没用的cookies白白浪费了网站带宽,影响网站加载速度和网页性能表现。YSlow建议为了解决这个问题,就可以通过使用 cookie-free domains 的方法来做优化,从而提高网页效率。 »阅读全部

第六届WEBREBUILD年会-上海站[2012.09.15]

”泰然“-今年的主题是不是更觉得沉稳了呢?

一年一度的WebRebuild年会又要开始了,上海站定于9月15日在位于漕河泾开发区的篱笆网进行,关注前端开发的童鞋不容错过哦!

本次上海站的嘉宾可谓是超强阵容,小鱼和玉伯的到来必然会引起很大轰动,另外两位资深的开发工程师将会带来什么精彩的分享呢?我们拭目以待哦。

本人已报名,准备前排占座去咯!

webrebuild.org上海站地址:http://www.webrebuild.org/shanghai/

新的博客,新的启程

不容易啊,终于又把博客收拾了起来,之前因为主机的问题造成数据全部丧失,还好我也懒惰更新博文不多,也没有特别的心血之作,这次更换主机虽然速度依然令人堪忧,但是有待后期优化发力啊!

对于新版的wordpress,功能还是蛮强大的,不过代码的整洁程度有待提高啊,模板函数的各种调用依然不是很明白,自制的themes重构了一张页面,上线遥遥无期啊,好复杂的说。

偶然间在坛子里找到sawyer分享的这套模板,觉得挺有感觉的,就索性拿来修改完善一下先用吧,哈哈,拿来主义者不可耻哦!

加油吧!