Vanessa

大前端的点滴生活
HTML 0 篇文章

HTTP/2 有哪些值得期待的特性

随着 HTTP/2 工作组的工作接近尾声以及新标准的实现开始出现,工作组主席 MarkNottingham 写了一篇博客对新协议中 9 件值得期待的事情发表了看法:使用与 HTTP 相同的 API。就像 Mark 提到的:“要想让 HTTP/2 成功,就必须让它能在现有的 Web 中正常工作。因此我们所做的努力是让现有的 HTTP 更好地工作,而不是去改变这个协议。” 尽管也许有机制能让你优化一些新功能,但一般情况下不会有新的方法、h

爱上朴实的 CSS 细节

下文转自:爱上朴实的 CSS 细节未来的 CSS 太让人兴奋了:一方面,是全新的页面布局方式;另一方面,是酷炫的滤镜、颜色等视觉效果。这些 CSS,受开发者追捧,被杂志和博客文章铺天盖地地介绍。如果说这些特性是 CSS 华丽的一面,那我们来看看它朴实的一面:很不起眼的东西,如选择器、单位、函数(方法)。我经常说这是繁琐的东西,但我意思是它们能干漂亮的活,这就是我要分享的。怎么说呢,让我们看看这些效果最好的朴实的 C

a 标签中的 rel 属性

网上搜罗了半圈,都只是说明了 rel 属性值所表示的意思,并没有给出具体的使用场景。于是参考了 Neoease 和一些 wordpress 的网站,针对 B3log 自身的情况对部分 a 便签使用了 rel。由于所知有限,W3C 文档以外的值并未进行使用,还望大家能多给点意见。nofollow 站内相关文章,站内随机文章,评论回复,列表及文章页面中的评论、浏览和作者链接,侧边栏的评论地址,首页导航中的 “首页” 链接,评论最多文

JavaScript,HTML,CSS 规范小结

1. 综合 Ø 使用 UTF-8 编码。注:UTF-8+BOM 不可 Ø 注释需有意义且描述清晰无二义 Ø 代码提交需填写提交原由 ØJavaScript、Java、CSS 文件头部需进行版权声明 Ø 使用中文进行注释 Ø 更改代码后,需保证正常运行,否则严禁进行提交 Ø 对无用代码应进行删除;提交 SVN 时,需进行特殊标识删除原因:系统版本:其它:Ø 遵循静态资源分离注意事项 Ø 严禁随意添加第三方代码 Ø 不建议随意修改组件代码 2.JavaS

12 个漂亮的 CSS3 按钮实现方案

真美,转自:http://www.alibuybuy.com/posts/72734.html#jtss-tsina 在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。今天,本文收集了 12 个很不错的 CSS3 按钮方案并有相关的使用教程。BonBonButtonsZardiCSS3ButtonsW

精选 5 个优秀的免费配色网站,让你的网站更出彩

对任何设计来说,颜色都是最重要的元素之一,对观众有着巨大的影响,因而对颜色的挑选和研究有着重要的意义。不论你选用哪一种调色板,它都应该要很好地反映出你的意图,恰到好处的捕捉到你希望获得的感觉。和普通的拾色器相比,设计师们有必要借助一些更好的解决方案。以下所列的 5 个配色网站将有助你挑选最佳的调色板。0to2550to255 这个简单的工具能呈现任何颜色的各种变化。你可以往里面输入特定的颜色代码,它也能随

HTML5 APIs 程序员指南

在公司都是纠结各种 IE, 很久没看 HTML5 了。下文不错转自:http://webapptrend.iteye.com/blog/1386423RichClark 是一位 HTML5 专家,他非常了解 HTML5 规范中的 APIs,这篇文章中,他将介绍这些 APIs 的用途以及最新进展情况。有关 HTML5 中的语法元素相信大家已经看到过不少介绍了,但是关于 HTML5 的 APIs 的介绍就不那么常见了,而 HTML5 规范主要

HTML5 Worker

WebWorkers 提供了一个简单的方法:在后台线程中运行网页中的脚本。worker 一旦创建后,就可以发消息给正在运行的任务,该任务通过创建者 post 消息到相应的事件句柄所指定。(没看懂直接看调用图)worker 线程能够在用户界面进行渲染的时候执行任务。此外,他们能够使用 XMLHttpRequest 进行 I/O 操作。知识扩展(引自:http://fed.renren.com/2010/01/247#m

HTML5 强大的 Details 元素

HTML5 新标签 details 元素刚刚被集成到 Chrome 最新的 12 版中。我将会在今天的快速入门中展示如何来使用它。__Details 标签可以用来做什么?它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果,但是直到现在,它总是用 Javascript 实现的。想象头部之后有一个箭头,当你点击它时,下面的附加信息将会呈现。再次点击箭头内容消失。FAQ 页面中经常使用这个功能。Details 元

11 个有用的移动网页开发 App 和 HTML5 框架

听过的寥寥无几,移动的时代来了。需要跟上步伐 ^^ 在过去的两年里,触屏设备飞速增长。iOS 和 Android 设备让开发者和设计师开始重新思考他们的网页应用,以提供更好的触屏体验。移动 Web 应用相对于本地的 App 有很多优势,虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于 HTML 的 webapp 开发。他们支持大部分流行的智能手机和平板。1.Lungo.js:HTML5 移动开发框架 Lung

文件拖拽上传

1. 文件拖拽不多说了,看代码和注释。貌似 Chrome 和 Firefix 都支持的。vardragOver=function(event){// 阻止默认事件 event.stopPropagation();event.preventDefault();// 修改样式 this.className="xx-over";};vardragLeave=function(event){event.stopPropaga

推荐 10 款非常优秀的 HTML5 开发工具

HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐 10 款优秀的 HTML5 开发工具,帮助你更高效的编写 HTML5 应用。InitializrInitializr 是制作 HTML5 网站最好的入门辅助工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代

8 个应该了解的 CSS3 技术

有了 CSS3,网站开发及网站设计都发展到一个更高的层次。在本文中,作者收集了一些惊人的使用 CSS3 技术的例子,如果多数浏览器能兼容 CSS3,那么这些技术很可能会被广泛接受。1.ColoranimateanyshapewithCSS3andaPNG 第一个展示的是一个仅仅使用了 CSS3 技术的有趣的成果:一个可以变换背景的 PNG 图像。背景使用了 CSS3 转变。不是那种可以直接放在网站上的效果,而是展示 CSS

W3C 官方宣布 HTML5 标准将在 2014 年完成

虽然微软已经在 IE9 浏览器中使用了不少的 HTML5 实例,另外还有不少浏览器也开始采用 HTML,但是 HTML5 实际上还之是一个还没有真正完成的标准,HTML5 距离真正的标准化还有相当长的一段时间。近日万维网联盟 W3C 对外表示 HTML5 标准计划在 2014 年完成。到 2011 年 5 月 HTML5 标准将会进入到 LastCall 阶段,开发人员能够集中对该标准进行确定并对相关的开发进行更精准的定位,另外还将针对终端用

CSS3: @font-face

想要制作一些很酷的头部效果并且不使用图片文件嘛?可以尝试一下 CSS3 里面的 @font-face。代码如下:@font-face{font-family:qianduanNet;src:url("SketchRockwell.ttf");}.fontFace{font-family:qianduanNet;font-size:3.2em;letter-spacing:1px;text-align:ce

在 textarea 中光标位置插入字符串

好久没晒代码了。今天心情不错,搬出来晒晒太阳。回过头来看看,代码有问题,继续修改下。2012-10-24<html><body><textareaonmouseup="getCursorInfo(this)"onkeyup="setPosition(this)">123456</textarea><script>vargetCursorInfo=function(textarea){varresul

HTML 标签自定义

如果能在自己的网页中使用自定义的标签是不是很酷呢,比如用你的网站的域名、用你的网名、用你所爱的人的名字来定义 HTML 标签并内嵌到网页中,本文就介绍一下这方面的内容。首先需要在标签中进行这样的申明:,xmlns 即 xmlnamespace 的缩写,是 HTML 标记的命名空间属性: 一般其声明在元素开始标记的地方。只要在这里申明了我要使用的 vanessa 这一自定义标签,语法分析器就会认识这个标签并赋予我定义的属