利用HTML5监控网站性能
本文针对HTML5在网站性能监控方面带来的新特性，与大家分享携程旅行网在此方向的实践经验。HTML5技术给Web带来很多新的元素，不仅使网站变得越来越美观，交互体验越来越接近完美，更使得很多曾经不可能完成的功能都可以实现。 网站性能监控的现状 网站性能…
响应式布局移动设备适配
由于用户浏览器分辨率分布、运营维护成本、全站页面宽度规范等原因，2012年末一淘新首页对1200px、990px、750px（for ipad）这3个尺寸的响应不同布局，期望在ipad下横屏显示990px版本,竖版显示750版本，iphone下显示750版本。不同设备尺寸的不同显示自然少…
web开发人员需要知道的事情
我最喜欢web开发的一点是，它包括许多许多不同的技能。作为一个好的开发者，一定要好好学习，天天向上，因为我们有很多重要的技能要学习，而且它们总是在不停的发生变化。 这里我列出了其中最为重要的10个技能，它们有点倾向于前端开发，但总体上适合所有…
你可能不知道的html与CSS
CSS em 单位 原来，来自CSS em单位大写字母M的宽度，这是它的名称的来源。 HTML5 标签 HTML5结构标签来自常见的ID和CLASS的命名。 最小有效的HTML页面 随着HTML5的到来，你只需要定义的文档类型，以创建一个新的有效的网页标题。因此，从理论上说，没有HTM…
web前端开发性能优化进阶路
简单的说，我们的性能优化实践分为三个阶段：初探期、立规期、创新期， 每个阶段大概持续半年左右，有足够的时间形成一些优化思路的沉淀。 Web前端性能优化WPO，相信大多数前端同学都不会陌生，在各自所负责的站点页面中，也都会或多或少的有过一定的技术…
奥巴马筹款官方网站的制作过程
1. Kyle Rush是一个网站工程师。 2011年6月，他加入BarackObama.com，负责设计2012美国大选的奥巴马官网。 (图为2011年6月的奥巴马官网) 除了宣传，官网的主要目的就是筹款。 上一次大选，奥巴马筹到了6.9亿美元。这是一个很大的数字，但由于过去4年美国经…
页面前端的水有多深？
但凡从事互联网的人基本都会写几行 html，用过 Word 的人用 Dreamweaver 也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页面前端实现，没问题；兼容性，小 cas…
建立网页无障碍说明
在信息化如此发达的今天，我们的生活几乎已经离不开网上订票、公交查询、新闻阅读、网络购物等等多种信息化服务。可是还有许多视力有障碍的人士，他们同样需要这些多种多样的信息化服务来丰富他们的生活。现在已经有一些读屏软件可以让视力有障碍的人们通…
写好高效CSS的十条定律
怎么样能写好高效率的CSS呢，一些初学者不注意的很多细小问题，当这些问题集中爆发，那么问题就大了。 1、*{ margin:0; padding:0;} 请不要使用全局Reset： 既然是全局的定义，那么他会吧所有标签都处理一遍，增加了浏览器解析的时间。有些标签其实没有必…
关于响应式页面
作为一个无线部门的人，不懂移动设备是不行的。而作为一个无线的重构，不会写响应式页面更是不行得。而我，一个无线的重构，在我最近做的一个移动端的项目之前，的确是不会写响应式页面的，所以，严格来说，在这个项目之前，我是一个不合格的无线重构人。…
CSS架构目标：预测、重用、扩展、维护
Philip Walton 在AppFolio担任前端工程师，他在Santa Barbara on Rails的聚会上提出了CSS架构和一些最佳实践，并且在工作中一直沿用。 擅长CSS的Web开发人员不仅可以从视觉上复制实物原型，还可以用代码进行完美的呈现。无需使用表格、尽可能少的使用图片…
CSS模块化打包工具CSS-Combo
上半年在团队做自动化之类的工作，也学习了NodeJS，确实，NodeJS很适合做一些小工具神马的，今天我给大家介绍的就是我自己基于NodeJS写的CSS模块化打包工具：CSS Combo，项目地址：https://csswang.com/tag_%e6%b5%ae%e5%8a%a8%e5%b1%85%e4%b8%ad/daxingplay/css-combo 说起模块化，前端一般谈JS模块…
如何做一个好网站重构
用这个标题，是因为前一段时间组里有一个开放式讨论：怎样才算一个好重构？ 其实，&https://csswang.com/8221;好&https://csswang.com/8221;与&https://csswang.com/8221;坏&https://csswang.com/8221;向来都是相对的，因为每个人眼中看待&https://csswang.com/8221;好&https://csswang.com/8221;与&https://csswang.com/8221;坏&https://csswang.com/8221;的标准不一样，不如从自身的角度考虑一下：如何做一个好重构…
如何成为一名优秀的web前端工程师
程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 · 詹姆士 我所遇到的前端程序员分两种： 第一种一直在问：如何学习前端？ 第二种总说：前端很简单，就那么一点东西。 我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。 何为：前端工程师？…
WEB开发中合理选择图片格式
从某种程度上来讲，如何判断一个网页设计师是否优秀，可以从其在WEB开发（或网页设计）中是否合理采用各种图片格式来得出结论。事实上，或许所有人都知道图片存在GIF，JPG和PNG等格式，但并非所有人都知道它们之间的具体区别和应用技巧。本文将给大家介绍…
