Vanessa

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

H5 缓存机制浅析 - 移动端 Web 加载性能优化

下文转自:http://segmentfault.com/a/11900000041325661.H5 缓存机制介绍 H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。H5 应用程序缓存为应用带来三个优势:离线浏览用户可在应用离线时使用它们速度已缓存资源加载得

前端不为人知的一面 -- 前端冷知识集锦

前端已经被玩儿坏了!像 console.log() 可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用 || 操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到 Quora 上一个帖子,瞬间又 GET 了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML 篇浏览器地址栏运行 JavaScript 代码这个很多人应该还是

加速 Web 开发的 9 款知名 HTML5 框架

与手工编码比起来,HTML5 框架在准确性和正确率方面给予了保证。大多数 HTML5 框架都会有一个组合或者包含一些额外的组件,比如 jQueryScripts。CSS3 样式表则以改善多媒体特征的功能性和响应式的 Web 布局为主。如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用 HTML5 框架来提升整个开发过程,并且让网站拥有一致性结构。伴随着智能手机正在席卷整个移动

让你的网站在低版本浏览器上同样显示出色

HTML5 的采用策略:一个浏览器也不放弃。下载示例代码:http://code.msdn.microsoft.com/mag201109HTML5HTML5 有许多激动人心的特性,有了新的标签、新的 CSS 能力和新的 JavaScriptAPI,Web 的能力范围有了大的飞跃。除了浏览器厂商的士气高涨之外,令人激动的新功能列表几乎每天都在增加。从 “nightlybuilds”(每夜都构建一版)到开发渠道发行

国外 29 个开发者实用的 Web(CSS,HTML5,JS)工具和应用

确实不错,转自:http://www.uiimg.com/thread-1482-1-1.html 当你需要编辑或改变网站设计时,CSS 起着重要的作用。透过一些 CSS 工具可以让新手开发人员和设计人员轻松地学习这门语言和它的功能。今天,我们为你编制了 29 个有用的 CSS 工具和应用程序。使用下列工具,您将能够以任何顺序进行 CSS 属性的排序,能够将您的 Photoshop 图层转成 CSS 样式,可以创建自己的响应 W

HTML5 桌面提醒

效果真不错,脱离桌面也可进行提醒。可以弄个每工作 45 分钟就出去休息 15 分钟的小贴士或者是类似 googlecalendar 的东东。效果如图:以下转自:http://www.cnblogs.com/yiciyun/archive/2012/09/02/2667863.htmlHTML5 开发桌面提醒功能 Demohtml5-desktop-notification.html(只支持 Chrome 浏览器) 详见代

11 个视觉差滚动效果的 HTML5 网站

以前的视觉差只是简单的背景和前景滚动速度差异所致,但这些 Demo 呈现的是另一种感觉,非常 Cool。视觉差滚动效果意为多种背景层可以横向及纵向各自滚动。这个惊人的视效最早出现在 Nike2011 年的 NikeBetterWorld 项目里,自此这个效果广为沿用,时至今日,诞生了很多不错的作品。在此,与各位读者分享 11 个使用视觉差滚动效果的企业网站模版。绝对可以让你们大饱眼福。来源:Wabbaly 编译:Ant

回顾 2011 年将 JavaScript 推到极致的 20 个网站

导读:对于浏览器上的开发者来说,2011 年又是相当精彩的一年。Web 开发者 PhilHawksworth 在这篇文章中总结了 Web 上经典的 JavaScript 用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网

HTML5 APIs 程序员指南

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

时间轴网站大集合与网页制作组件

B3log 社区首页可以找个用下。HOHO(图为 Timekiwi 网站的使用者个人页面,可以将 Facebook、Twitter、Instagram 等服务上的讯息整合在同一个时间轴上)如果有在使用 facebook 的朋友,最近应该已经渐渐开始有机会使用到新版的时间轴接口了,尽管网友对于时间轴的接口褒贬不一,但实际来看,时间轴的浏览接口有几个好处:? 迅速看到你与朋友的美好回忆? 迅速认识一位新的朋友? 看起来比较

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 元