内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > HTML5 >

  • H5动画开发快车道01月19日

    前言 以往做一些H5的运营项目,都是动画设计师使用Animate cc(原来的Flash)先设计好动画原型,然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的,而且还要高质量的还原动画设计师设计好的动画,来回沟通成本也非常高。

    Tags:HTML5设计
  • html5新标签布局应用指南01月18日

    html5中为了便于设计者的网站布局新添加了一些标签,本文主要讲解这些标签的实际应用方法。 大多数前端的朋友在设计网站时主要应用div标签构造盒子进行布局,这是种非常高效的方法,可以将整体的布局分拆成为各个部分的布局。在html5中我们可以省去更多的时

    Tags:html5新标签
  • HTML5优化Web动画:requestAnimationFrame01月18日

    在页面中实现动画,我们有很多选择 可以使用CSS3的transition CSS3中的animation配合keyframes规则 SVG中也可以使用SMIL-animation 最原始的方法就是我们利用JavaScript的setTimeout/setInterval来实现动画 不过现在我们又多了一种方法 requestAnimationFram

    Tags:HTML5动画
  • HTML5客户端存储数据localStorage与sessionStorage01月18日

    HTML5提供了在客户端存储数据的新方法Web Storage 类似于HTML4中的Cookie 不过它要强大的多 Cookie大小限制在4KB,只能存储少量数据 而Web Storage官方建议5MB Web Storage Web Storage又分为两种 localStorage和sessionStorage 它们的区别是: localStorage

    Tags:HTML5localStoragesessionStora
  • 客户端存储那些事01月18日

    客户端存储 介绍 本文是关于客户端存储(client-side storage)的。这是一个通用术语,包含几个独立但相关的 API: Web Storage、Web SQL Database、Indexed Database 和 File Access。每种技术都提供了在用户硬盘上 而非通常存储数据的服务器 存储数据的独

    Tags:客户端存储
  • web之HTTP推送那些事01月18日

    上周我在斯达哥尔摩住了几天,出席了 HTTP 研讨会 ,参与了不少吸引人的讨论。其中一次是关于 HTTP 推送及其优缺点、早期实验结果的。 由于早期实验部署结果不那么理想,人们对 HTTP 推送大体持着怀疑态度,不过我想分享下自己更乐观一些的观点。 HTTP 推送

    Tags:webHTTP
  • HTML5.1:14项新增特性及使用案例01月17日

    HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准,如此形成的协议可在全世界通行。在 2016 年 11 月, W3C 对长期行使的 HTML 5 标准进行了更新,它是2年内的第一次小更新。许多最开始提出的 HTML 5.1 功能特性都因为设计上的缺陷和缺乏浏览器

    Tags:HTML5
  • 《HTML5开发手册》Web表单01月15日

    在之前的笔记中记录了HTML5标签元素的语义以及新定义,本周开始进入Web表单部分的学习,该章节已经读过一遍,很多表单验证的工作都可以通过HTML5完成!现在整理笔记,再次进入Web表单的神奇地域。 因该书出版较早,很多东西已经更改,我会在文中已经更正。

    Tags:HTML5
  • 利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换01月13日

    我比较喜欢听音乐,特别是周末的时候,电脑开着百度随心听fm,随机播放歌曲,躺在床上享受。但碰到了一个烦人的事情,想切掉不喜欢的曲子,还得起床去操作电脑换歌。于是思考能不能用手机控制电脑切换歌曲,经过一段事件的思考,绝对采用html5+socket.io来实

    Tags:HTML5Socket
  • 读书笔记:《HTML5开发手册》现有元素的变化01月13日

    继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例。 一、cite HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人。 cite 恺撒大帝 / cite 曾经说过, q 来

    Tags:HTML5
  • HTML5语音合成Speech Synthesis API简介01月13日

    一、关于HTML5语音Web Speech API HTML5中和Web Speech相关的API实际上有两类,一类是语音识别(Speech Recognition),另外一个就是语音合成(Speech Synthesis),这两个名词听上去很高大上,实际上指的分别是语音转文字,和文字变语音。 而本文要介绍的就是这

    Tags:HTML5Speech
  • 微信小程序与HTML5的区别01月10日

    从前端的视角,为大家分析下微信小程序和HTML5与之间的主要区别: 第一条是运行环境的不同。 传统的HTML5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,大家注意,我这里写的是非完整的浏览器,有以下几个原因 小程序的开发过

    Tags:微信小程序HTML5
  • 读书笔记:《HTML5开发手册》figure、time、details、mark01月09日

    周日继续读《HTML5开发手册》,并进行Demo练习,今天主要学习四个HTML5新增的元素:figure、time、details、mark。 不学不知道,原来这些平时不注意的元素都有着很大的功能。好了,下面开始吧。 一、figure、figcaption 在HTML5之前,插入图片时会通过另外的

    Tags:HTML5
  • HTML5画布Canvas线段、矩形、弧形及贝塞尔曲线等简单图形绘制01月09日

    HTML5中最有意思的就是这个canvas了 通过它我们可以画自己想要的图形 它也是十分重要的技术 应用于游戏、图表等等 或者绘制各种酷炫的东西 这里给大家分享一个网站 传送门 里面都是canvas技术绘制的图形 画布创建 canvas是html的一个标签 是一个图形容器 首

    Tags:HTML5Canvas
  • HTML5画布Canvas坐标轴转换、图案填充、渐变与阴影01月09日

    上一篇文章我们了解了一些canvas基本图形绘制 下面我们再来看一些相关操作 坐标轴变换 我们画布中默认的坐标轴与浏览器坐标轴相同 x正半轴朝右 y正半轴朝下 但是我们可以手动设置画布坐标轴变换 首先还是会获取画布和画笔 canvas id=myCanvas width=500 heig

    Tags:HTML5Canvas
  • HTML5画布Canvas文本填充、线段属性、裁剪、透明度与像素合并方01月09日

    CSS3中的很多都可以类比与我们canvas的一些属性 canvas中画笔环境对象的很多属性都可以类比CSS3中的属性 我们不仅仅可以绘制图形,还可以向画布中添加文字 文字填充 同样先获取元素对象与环境对象 canvas id=myCanvas width=500 height=500/canvas var canva

    Tags:HTML5Canvas
  • HTML5:details活学活用01月09日

    在HTML5之前,想通过纯CSS实现手风琴效果一般是借助 checked 或者 target 来完成,不过,HTML5提供了 details 元素,我们可以光明正大的拿来做手风琴了。 现在根据这篇文章 The details and summary elements 来实际操作一下。 效果1:MAC版显示简介 用过mac

    Tags:HTML5details
  • 使用Html5+C#+微信开发移动端游戏详细教程(六):游戏界面布局01月08日

    本篇教程我们主要讲解在游戏界面上的布局一般遵循哪些原则和一些性能优化的通用方法。 接着教程(五),我们通过Loading类一次性加载了全部图像素材,现在要把我们所用到的素材变成图片对象显示在界面上,由上而下,首先是top层,top里面包涵了玩家(微信)

    Tags:Html5C#
  • 解惑好文:移动端H5页面高清多屏适配方案01月07日

    视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 1)首先,选取一款手机的屏幕宽高作为基准(以前是iPhone4的320480,现在更多的是iphone6的375667)。 2)

    Tags:移动端h5

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号