分类 HTML 下的文章

CSS预处理器scss与less

什么是CSS预处器

CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。通俗的说,CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以让你的CSS更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。

Sass与LESS简介

Sass背景介绍

Sass是对CSS(层叠样式表)的语法的一种扩充,诞生于2007年,最早也是最成熟的一款CSS预处理器语言,它可以使用变量、常量、嵌套、混入、函数等功能,可以更有效有弹性的写出CSS。Sass最后还是会编译出合法的CSS让浏览器使用,也就是说它本身的语法并不太容易让浏览器识别,因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。

- 阅读剩余部分 -

历经8年 W3C宣布HTML5标准制定完成并发布

万维网联盟(W3C)宣布,经过将近8年的艰辛努力,HTML5 标准规范终于最终制定完成并已公开发布。

其实,在这个标准制订完成之前,HTML 5 已经使用多年。FirefoxGoogle ChromeOperaSafari 4+Internet Explorer 9+ 都已支持 HTML5,但直到今天,我们才看到“正式版”。W3C 引用《2014 Vision Mobile Survey》报告指出,在一万名受访的开发人员中,有42%混用 HTMLCSSJavaScript 来开发移动应用。 Gartner 则将 HTML 5 列为2015至2016年的十项顶尖移动技术之一,认为 HTML 5 将会是企业组织提供跨平台应用的重要技术。同时,HTML5 还有望成为梦想中的“开放Web平台”(Open Web Platform)的基石,如能实现可进一步推动更深入的跨平台Web应用。

HTML5 将会取代1999年制定的 HTML 4.01XHTML 1.0 标准,期望能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求,为桌面和移动平台带来无缝衔接的丰富内容。

Google 员工 Ian Hickson 担任 W3C HTML 5 规格的首席架构师,来自微软、苹果及 IBM 的工程师担任HTML 工作小组共同主席。W3C 指出,自22个月前 W3C 宣布 HTML 5 定义完成以来,W3C 社群已经加入超过10万次测试。而在 W3C 的专利政策下,60多家公司贡献的免权利金技术开放授权开发人员使用。

W3C 总监 Tim Berners-Lee 表示:“今天我们认为在浏览器上收看影音内容和在手机运行浏览器没什么了不起,我们期望可随时随地在任何装置上分享照片、网购、阅读新闻及查询资讯。虽然大部份用户不知道 HTML 5 和开放网络平台的存在,但这却是推动使用者所有这些期望的动力所在。

1989年,物理学家 Tim Berners-Lee 规划了第一版的HTML作为网页展示共通规格,并在1990年促成了网际网络的兴起与普及。第五版的HTML 已经能够在不需外挂之 下在网页上直接收看影音内容、可以编写程序存取 bitmap canvas,有助于图片或游戏图像的渲染(rendering)、原生支持可缩放矢量图形(scalable vector graphics, SVG)、数学标示语言(MathML)、可用于东亚语言注记的 Ruby Annotation;以及对丰富应用的支持功能等等。

- 阅读剩余部分 -

web安全色

何为web安全色?

不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。

选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。

为了解决Web调色板的问题,人们一致通过了一组在所有浏览器中都类似的Web安全颜色。

这些颜色使用了一种颜色模型,在该模型中,可以用相应的16制进制值00、33、66、99、CC和FF来表达三原色(RGB)中的每一种。这种基本的Web调色板将作为所有的Web浏览器和平台的标准,它包括了这些16进制值的组合结果。这就意味着,我们潜在的输出结果包括6种红色调、6种绿色调、6种蓝色调。666的结果就给出了216种特定的颜色,这些颜色就可以安全的应用于所有的Web中,而不需要担心颜色在不同应用程序之间的变化。

256色里有40种颜色在Macintosh和Windows里显示的效果不一样,所以能安全使用的只有216色。为了尽量让用户看到色彩相同的网页,请尽量使用下面的216色。

访问下面网址可以查看216 Web安全色:http://www.bootcss.com/p/websafecolors/

分享几个select美化插件

chosen

下载:https://github.com/harvesthq/chosen/releases

演示:http://harvesthq.github.io/chosen/ (可能无法看出效果,因为使用的 jQuery 来自 Google CDN)

selectbox

下载地址位于 Google Code ,由于众所周知的原因,可能无法下载,这里提供一个原版副本:jquery.selectbox-0.2.zip

DropKick.js

下载:https://github.com/Robdel12/DropKick

参考来源:http://www.solagirl.net/pretty-select.html