<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_33495993的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_33495993</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_33495993]]></copyright><item><title><![CDATA[HTML5 Boilerplate - 让页面有个好的开始]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50555273</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50555273</guid><author>qq_33495993</author><pubDate>Thu, 21 Jan 2016 14:55:06 +0800</pubDate><description><![CDATA[一：HTML5 Boilerplate是什么？解决了什么问题？

对于第一次听说这个人，肯定都有这个疑问把！在网上看了看，发现很多人都认为这个是和Bootstrap一样的东西，这真是大错特错了。

实际上，HTML5 Boilerplate只是一个单纯的HTML模版。

什么？HTML模版？干嘛用？

这里不得不提所有前端开发都会遇到的问题，每次要重新弄一个页面的时候，你们都是怎么]]></description><category></category></item><item><title><![CDATA[HTML5 开发者需要了解的技巧和工具汇总]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50543025</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50543025</guid><author>qq_33495993</author><pubDate>Tue, 19 Jan 2016 15:54:20 +0800</pubDate><description><![CDATA[HTML5现在已经成为了Web开发中的热门话题，大多数现代浏览器（Safari、Chrome，Firefox，IE10和移动设备）都支持HTML5。即使HTML5的规范还没有制定完成，但许多开发者已经将其作为Web开发项目中的主要技术。一些网站巨头，如Google、Facebook、Twitter和YouTube等，都建立在HTML5基础上。 

HTML5中最令人兴奋的功能莫过于画布（can]]></description><category></category></item><item><title><![CDATA[整理的HTML5 CANVAS 定义、属性和方法]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50524642</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50524642</guid><author>qq_33495993</author><pubDate>Fri, 15 Jan 2016 16:42:47 +0800</pubDate><description><![CDATA[最近良师益友整理一些canvas的资料，加强学习了解！

当你创建一个元素后，就拥有了它的绘图上下文。

一、简单图形

1、getContext()方法

为了在canvas上绘制，你必须先得到一个画布上下文对象的引用，用本方法即可完成这一操作，格式如下：

context = canvas . getContext(contextId)方法返回一个指定contextId的上]]></description><category></category></item><item><title><![CDATA[怎么利用CSS实现HTML5响应式导航栏]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50511850</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50511850</guid><author>qq_33495993</author><pubDate>Wed, 13 Jan 2016 16:55:15 +0800</pubDate><description><![CDATA[在html5中实现响应式导航栏的方法有很多种，如何利用纯CSS来现实这一功能，在这里小编就通过实例来和大家讲解，纯CSS实现的HTML5响应式导航栏的方法和技巧。
目前响应试web页面已经逐渐开始盛行，除了将页面的内容以及布局结构实现响应试以外，剩下的重点就是实现导航栏的响应试，当然方法有很多，不过最 近我发现了一个新的无需使用Javascript就能轻松实现响应试导航栏的技术，它采用的是简洁的]]></description><category></category></item><item><title><![CDATA[创造运用浅谈canvas的设计艺术]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50504240</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50504240</guid><author>qq_33495993</author><pubDate>Tue, 12 Jan 2016 14:57:33 +0800</pubDate><description><![CDATA[知道吗？如果你不熟悉,学习他的最好方法是去看一个简单的例子。下面的HTML和JavaScript将在域内生成一个橙色的矩形区域。推荐学习相关HTML5视频教程。

// get the canvasvar canvas = document.getElementById('example1');// 
get the "2d" contextvar context = canvas.getCon]]></description><category></category></item><item><title><![CDATA[HTML5小游戏开发不可不知的五大必备工具]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50497571</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50497571</guid><author>qq_33495993</author><pubDate>Mon, 11 Jan 2016 15:50:51 +0800</pubDate><description><![CDATA[作为一个HTML5移动游戏开发者，你必须了解很多HTML5开发工具，良师益友网已经介绍了很多为Firefox开发者提供的开发工具， 包括JavaScript Debugger, Style Editor, Page Inspector, Scratchpad, Profiler, Network Monitorand Web Console.下面我们会介绍一引起最近更新的HTML5小游戏开发工具，]]></description><category></category></item><item><title><![CDATA[响应式不是万能的！教你提升响应式设计的移动性能]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50488451</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50488451</guid><author>qq_33495993</author><pubDate>Sat, 09 Jan 2016 16:35:05 +0800</pubDate><description><![CDATA[你调整了浏览器，笑容攀上脸颊。你感到非常开心，认为自己实现了友好移动的目标。在正式讨论前，让我来预测下未来：你会失掉用户和经济效益，如果你把响应式网页作为唯一目标和唯一的解决办法。

好消息是，你可以改善它。

在这篇文章中，我们会谈到移动互联网和响应式设计的关系，首先将介绍如何巧妙的运用响应式设计，为什么性能对移动端非常重要，为什么响应式设计不能作为你网站的目标，最后技术的性能问题帮助我]]></description><category></category></item><item><title><![CDATA[CSS3实现动画效果教程详解]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50483461</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50483461</guid><author>qq_33495993</author><pubDate>Fri, 08 Jan 2016 15:49:29 +0800</pubDate><description><![CDATA[在传统网页上动画一般都是通过Javascript或flash来实现，但是Html5的时代的到来，CSS的进化，让动画实现起来更加easy,今天E良师益友网就来介绍一下如何通过CSS3来实现简单的动画效果：


一、CSS3 @keyframes 规则
@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。
]]></description><category></category></item><item><title><![CDATA[使用float和clear创建网站三栏液态布局]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50470373</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50470373</guid><author>qq_33495993</author><pubDate>Wed, 06 Jan 2016 17:08:58 +0800</pubDate><description><![CDATA[三栏基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。
绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根据用户浏览器窗口宽度自动伸缩）布局的网页。

基本方法
基本的布局包含五个div，]]></description><category></category></item><item><title><![CDATA[浅析HTML5 Web Workers使用场景与作用]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50462420</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50462420</guid><author>qq_33495993</author><pubDate>Tue, 05 Jan 2016 14:34:04 +0800</pubDate><description><![CDATA[HTML5 Web Workers是为网页脚本提供了一种能在后台进程中运行的方法。当创建WoOer对象后，WebwbrkerS就可以通过postMessage方法向任务池发送任务请求，执行完之后再通过postMessage返回消息给创建者指定的事件处理程序，然后通过onmessage捕获返回消息，实现前后台数据的交互。




Web Workers应用场景

  在Web应用程序中]]></description><category></category></item><item><title><![CDATA[21个值得收藏的Javascript技巧]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50442199</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50442199</guid><author>qq_33495993</author><pubDate>Thu, 31 Dec 2015 16:01:52 +0800</pubDate><description><![CDATA[在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。

　　1 Javascript数组转换为CSV格式

　　首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：

　　var fruits = ['apple', 'peach]]></description><category></category></item><item><title><![CDATA[HTML5 postMessage 跨域交换数据]]></title><link>https://blog.youkuaiyun.com/qq_33495993/article/details/50436282</link><guid>https://blog.youkuaiyun.com/qq_33495993/article/details/50436282</guid><author>qq_33495993</author><pubDate>Wed, 30 Dec 2015 17:48:10 +0800</pubDate><description><![CDATA[今天我们来学习一下HTML5的api，利用postMessage来跨域交换数据。和前面一些方式交换数据方式不同的是，利用postMessage不能和服务端交换数据，只能在两个窗口（iframe）之间交换数据，废话不多说，我们直接进入实战。


实战postMessage



overview


　　上文中说，postMessage是用于两个窗口（iframe）之间交换数据的]]></description><category></category></item></channel></rss>