华丽强大的HTML5新特性
Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准,HTML5自然也是备受期待和瞩目,技术人员、设计者、互联网爱好者们都在热议HTML5究竟能带来什么。那么就一起来窥探一下这个还未诞生就已经声名在外的新标准…
高性能前端开发-Web性能测试工具推荐
Firebug: Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图: HttpWatch : httpwatch 功能类似firebug,可以监控请求头,响应头,显示资源加载瀑布图。但是httpwatch还能显示GZIP压缩信息,DNS查询,TCP链接信息,个…
跨浏览器开发:CSS代码的金科玉律
作为Web设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的。 理解CSS盒子模型 如果你想实现…
IE8如何判断文档模型
首先看一下这组数据 这组数据说明了目前IE8在渲染模式下的一些比例(微软偷偷统计的?)。 有19% 的站点用了严格型的标准来设计(非常好的数据,得感谢默默无闻在前线工作的页面重构同学们) 有 14% 的站点用了http头和 X-UA-Compatible 把IE打回IE7的模式 …
JavaScript事件委托优化
DOM 的各种事件为丰富的交互提供了可能,在现在的 web 应用程序中,事件处理程序越来越多,越来越复杂,页面中随处可见的事件监听已经司空见惯,但这引出了一个性能的问题,事件监听得越多,页面运行性能就越差。主要原因来自两个方面: 每添加一个事件…
基于vertical-align的表单元素垂直对齐方式研究
最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也依然…
精简高效的CSS命名准则/方法
一、“无”的哲学 佛家讲究“因果报应”,有果必有应。此段看似与主题没有血缘关系,实际讲的是“因”。 我个人比较喜欢老子的道家思想,并喜欢以其思想解释学习与工作中遇到的一些问题。例如我之前写过的“中国古代道家思想与网页重构的思考”一文。 老子有云:“…
为什么要内嵌CSS?
一直很多人疑惑为什么像QQ首页,淘宝,163首页这样的大流量的网站为什么要CSS直接写在页面,难道这是为了减少HTTP请求么?虽然减少了一条HTTP请求,相反却不能作为外部文件被浏览器所缓存,网站的加载的数据量将会加大,表面看来这是得不偿失的。那为什要…
CSS代码XHTML结构初探:再谈div和span区别
我们在规划网页的结构时通常会用到div。我们正常都认为div是一个没有语意的标签,它的作用是用来分割文档的不同区域。但我们也发现,有些人认为div是有语意的。只不过它不象h1或ul等那些标签的语意那么明确而已,div的语意是division,英文的意思是区分、…
揭秘HTML5和CSS3
互联网的发展总是在不断地催生新技术的产生,而HTML5和CSS3是最近一直被讨论的热门话题,对于每个互联网开发者尤其是前端开发者而言,都充满了好奇与渴望。 HTML5 HTML 5草案的前身名为Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,…
用YSlow分析我们页面
YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。 仔细研究了下YSlow跌评分规则。 主要有12条: 1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(…
CSS高手的8大原则
CSS是一个非常强大的网站设计标记语言,虽然你可能会认为,任何人都可以转去写CSS代码,但是为了确保您在正确的轨道上,这里有如下8项CSS原则,每个网页设计师应该遵循。 1、W3C验证 如果你是1个正在写CSS编码的人员,那么建议您每次对您所创建的CSS代码进…
前端开发工程师需要掌握什么核心技能?
Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单,不就是制作…
您适合从事web前端开发行业吗?
首先,我们看一下前端新人从哪里来?相对于其他IT技术职位来说,Web前端工程师算是半个程序员,很多从事此项工作的都是非计算机相关专业出身,这当然是因为互联网行业吸引人以及HTML和CSS入门起点低,目前大学里尚能全民考C(计算机二级),全民做网页也…
令人激动的HTML5新特性
HTML 5 新特性改进HTML的协同工作能力,增加了急需的页面内容描述。它还增加了HTML 4对页面程序所缺乏的特性。在本文中,让我们来看看HTML 5将会为我们带来什么激动人心的新特性。 2007年W3C工作小组正式成立,这个小组的开发人员均来自Apple ,Mozilla…