优秀的HTML5实战教程,提升你的综合开发能力

HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者是一个想探索新的平台的游戏开发者,HTML5都值得你去研究它。借助尖端功能,技术和 API,HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步,你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。[......]

阅读全文

编程语言之间的界限

本文作者Cory House是一个软件开发者,笃信清洁代码和务实开发。最近他总结了不同的编程语言之间存在的界限规则,他还认为不了解编程语言之间存在的界限无异于选择错误的开发工具,要想简化、加快软件开发过程,了解语言之间的异同是必不可少的。(以下是编译内容)[......]

阅读全文

Intention.js:以响应式方式动态重组HTML代码

Intention.js是由Dow Jones开发的一款专门进行响应式开发的轻量级开源库,遵循MIT开源许可协议。Intention.js是通过HTML属性来操作DOM,直接通过修改HTML即可实现所有更改,并且还可以用来描述不同设备之间的HTML文档差异。[......]

阅读全文

10款无需编码的网站开发利器

你是否无时不刻都想拥有自己的网站?但是没有时间去学习编码,你也没有真正的去聘请专业人士。我敢保证有很多人想法跟你一样。如今网络上呈几何基数倍增的网站,但不可能每个人都去学编码,那么解决方案是什么呢?

答案就是无代码网站编辑器。它能使网站建设如同图形编辑一样简单,让设计师设计的过程 更加轻松简便,因为他们再也不需要编程了。有了这个新类型的软件,任何人都可以做出自己的网站,最棒的是,制作过程仅仅需要几分钟。市场上有很多网站建设 的版本和风格,你可能一开始无法快速选择到最合适的。下面将要介绍十种最好用的无代码编辑器。[......]

阅读全文

json2html:将JSON对象转换为HTML

json2html是一个基于JavaScript的HTML模板库,顾名思义,该库主要用于将JSON对象转换为HTML格式。

使用json2html进行JSON转换,需要先通过JSON来指定转换规则,比如使用转换对象的名称值或属性值作为DOM HTML元素的属性。以下是几个预留的属性名:

  • tag:指定DOM元素的类型(div、span等)
  • html:指定DOM元素需要包含的内容
  • children:指定DOM元素的下一级内容

[......]

阅读全文

毫秒必争,前端网页性能最佳实践

你愿意为打开一个网页等待多长时间?我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站,博客,你的网页响应速度如何呢?在这篇文章中我们来介绍一下提高网页性能的最佳实践,以及相应的问题解决方案,让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度,对自己的网站更有信心。

最佳实践

最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键点总结一下。[......]

阅读全文

一个使用NekoHTML解析html的例子

NekoHTML 可以解析、修整和净化html文档,可以自动关闭标记,修补一些常见的错误,也可以用NekoHTML从html文档里抽取文本。

NekoHTML is a simple HTML scanner and tag balancer that enables application programmers to parse HTML documents and access the information using standard XML interfaces. The parser can scan HTML files and "fix up" many common mistakes that human (and computer) authors make in writing HTML documents. NekoHTML adds missing parent elements; automatically closes elements with optional end tags; and can handle mismatched inline element tags.[......]

阅读全文

构建现代站点且同时支持旧版IE的20个提示

作者:
Dave Methvin
Rey Bango

过去几年,我们花了大量时间与 Web 开发人员交流,而我们最常听到的一件事就是,构建适用于各种浏览器版本和设备的站点非常困难。在为 jQuery 项目构建代码时,我们亲身经历了这种困难。为此,我们编撰了排名前 20 的编码模式和实践列表,这些都是我们在参加了无数的会议并阅读了数百本教程后挑选出来的。我们希望在您构建站点时,它们能帮您节省一些时间(并解决难题)。[......]

阅读全文

高效前端开发所必备的工具/脚本推荐

作为前端开发人员来说,我们需要和HTML、CSS和JavaScript打交道,并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。

很多资深的前端设计师都拥有自己最喜欢的工具、脚本和资源,在今天这篇文章中,我们将介绍一些能够帮助你高效开发的工具脚本和资源,权当抛砖引玉,希望能够带给大家帮助,如果你也有自己喜欢的好东西,请给我们留言,希望能够让更多的朋友了解。 [......]

阅读全文

浏览器的渲染原理简介

本文转载自酷壳,原文内容如下:

看到这个标题大家一定会想到这篇神文《How Browsers Work》,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文。为什么我还想写一篇呢?因为两个原因,

  • 这篇文章太长了,阅读成本太大,不能一口气读完。
  • 花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助。

所以,我准备写下这篇文章来解决上述两个问题。希望你能在上班途中,或是坐马桶时就能读完,并能从中学会一些能用在工作上的东西。

浏览器工作大流程

废话少说,先来看个图:[......]

阅读全文