笑容勉强不安-优快云博客

原创 HTML5 Boilerplate - 让页面有个好的开始

一：HTML5 Boilerplate是什么？解决了什么问题？对于第一次听说这个人，肯定都有这个疑问把！在网上看了看，发现很多人都认为这个是和Bootstrap一样的东西，这真是大错特错了。实际上，HTML5 Boilerplate只是一个单纯的HTML模版。什么？HTML模版？干嘛用？这里不得不提所有前端开发都会遇到的问题，每次要重新弄一个页面的时候，你们都是怎么

2016-01-21 14:55:06 420

原创 HTML5 开发者需要了解的技巧和工具汇总

HTML5现在已经成为了Web开发中的热门话题，大多数现代浏览器（Safari、Chrome，Firefox，IE10和移动设备）都支持HTML5。即使HTML5的规范还没有制定完成，但许多开发者已经将其作为Web开发项目中的主要技术。一些网站巨头，如Google、Facebook、Twitter和YouTube等，都建立在HTML5基础上。 HTML5中最令人兴奋的功能莫过于画布（can

2016-01-19 15:54:20 499

原创整理的HTML5 CANVAS 定义、属性和方法

最近良师益友整理一些canvas的资料，加强学习了解！当你创建一个元素后，就拥有了它的绘图上下文。一、简单图形1、getContext()方法为了在canvas上绘制，你必须先得到一个画布上下文对象的引用，用本方法即可完成这一操作，格式如下：context = canvas . getContext(contextId)方法返回一个指定contextId的上

2016-01-15 16:42:47 2710

原创怎么利用CSS实现HTML5响应式导航栏

在html5中实现响应式导航栏的方法有很多种，如何利用纯CSS来现实这一功能，在这里小编就通过实例来和大家讲解，纯CSS实现的HTML5响应式导航栏的方法和技巧。目前响应试web页面已经逐渐开始盛行，除了将页面的内容以及布局结构实现响应试以外，剩下的重点就是实现导航栏的响应试，当然方法有很多，不过最近我发现了一个新的无需使用Javascript就能轻松实现响应试导航栏的技术，它采用的是简洁的

2016-01-13 16:55:15 5670

原创创造运用浅谈canvas的设计艺术

知道吗？如果你不熟悉,学习他的最好方法是去看一个简单的例子。下面的HTML和JavaScript将在域内生成一个橙色的矩形区域。推荐学习相关HTML5视频教程。// get the canvasvar canvas = document.getElementById('example1');// get the "2d" contextvar context = canvas.getCon

2016-01-12 14:57:33 450

原创 HTML5小游戏开发不可不知的五大必备工具

作为一个HTML5移动游戏开发者，你必须了解很多HTML5开发工具，良师益友网已经介绍了很多为Firefox开发者提供的开发工具，包括JavaScript Debugger, Style Editor, Page Inspector, Scratchpad, Profiler, Network Monitorand Web Console.下面我们会介绍一引起最近更新的HTML5小游戏开发工具，

2016-01-11 15:50:51 1028

原创响应式不是万能的！教你提升响应式设计的移动性能

你调整了浏览器，笑容攀上脸颊。你感到非常开心，认为自己实现了友好移动的目标。在正式讨论前，让我来预测下未来：你会失掉用户和经济效益，如果你把响应式网页作为唯一目标和唯一的解决办法。好消息是，你可以改善它。在这篇文章中，我们会谈到移动互联网和响应式设计的关系，首先将介绍如何巧妙的运用响应式设计，为什么性能对移动端非常重要，为什么响应式设计不能作为你网站的目标，最后技术的性能问题帮助我

2016-01-09 16:35:05 677

原创 CSS3实现动画效果教程详解

在传统网页上动画一般都是通过Javascript或flash来实现，但是Html5的时代的到来，CSS的进化，让动画实现起来更加easy,今天E良师益友网就来介绍一下如何通过CSS3来实现简单的动画效果：一、CSS3 @keyframes 规则@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。

2016-01-08 15:49:29 810

原创使用float和clear创建网站三栏液态布局

三栏基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根据用户浏览器窗口宽度自动伸缩）布局的网页。基本方法基本的布局包含五个div，

2016-01-06 17:08:58 370

原创浅析HTML5 Web Workers使用场景与作用

HTML5 Web Workers是为网页脚本提供了一种能在后台进程中运行的方法。当创建WoOer对象后，WebwbrkerS就可以通过postMessage方法向任务池发送任务请求，执行完之后再通过postMessage返回消息给创建者指定的事件处理程序，然后通过onmessage捕获返回消息，实现前后台数据的交互。Web Workers应用场景在Web应用程序中

2016-01-05 14:34:04 2667

原创 21个值得收藏的Javascript技巧

在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。　　1 Javascript数组转换为CSV格式　　首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：　　var fruits = ['apple', 'peach

2015-12-31 16:01:52 300

原创 HTML5 postMessage 跨域交换数据

今天我们来学习一下HTML5的api，利用postMessage来跨域交换数据。和前面一些方式交换数据方式不同的是，利用postMessage不能和服务端交换数据，只能在两个窗口（iframe）之间交换数据，废话不多说，我们直接进入实战。实战postMessageoverview　　上文中说，postMessage是用于两个窗口（iframe）之间交换数据的

2015-12-30 17:48:10 600

qq_33495993的博客