随笔分类 -  html5

html5 canvas 详细使用教程 转
摘要：分类： html5（9） 分类： html5（9） 原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html 原作很强悍 导航 前言 基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变 阅读全文
posted @ 2016-09-05 17:01 小豆豆er 阅读(743) 评论(0) 推荐(0)
html5 canvas
摘要：HTML5火的正热，最近有个想法也是要用到HTML的相关功能，所以也要好好学习一把。好好看了一下Canvas的功能，感觉HTML5在客户端交互的功能性越来越强了，今天看了一下Canvas绘图，下边是几个实例，记下以备后用。1、使用Canvas绘制直线： ... 阅读全文
posted @ 2015-10-27 11:03 小豆豆er 阅读(259) 评论(0) 推荐(0)
css3 font-face
摘要：@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了... 阅读全文
posted @ 2015-05-27 18:09 小豆豆er 阅读(199) 评论(0) 推荐(0)
移动HTML5前端性能优化指南
摘要：（点击看大图）移动H5前端性能优化指南[托尼托尼研究所]概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014K... 阅读全文
posted @ 2015-04-20 16:04 小豆豆er 阅读(220) 评论(0) 推荐(0)
HTML中head头结构
摘要：HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的head 头标签，是本... 阅读全文
posted @ 2015-04-15 12:10 小豆豆er 阅读(361) 评论(0) 推荐(0)
SVG 与 Canvas：如何选择
摘要：SVG 与 Canvas：如何选择61（共 69）对本文的评价是有帮助-评价此主题本主题一开始将对 SVG 与 Canvas 进行简要比较，接下来会讨论大量的比较代码示例，如光线跟踪和绿屏。注意为了查看本主题中包含的很多示例，你必须使用支持SVG和Canvas元素的浏览器（如 Windows Int... 阅读全文
posted @ 2014-11-23 11:22 小豆豆er 阅读(1410) 评论(1) 推荐(0)
认识HTML5的WebSocket
摘要：在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：... 阅读全文
posted @ 2014-09-10 12:21 小豆豆er 阅读(199) 评论(0) 推荐(0)
css3中font-face属性的用法详解
摘要：@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了... 阅读全文
posted @ 2014-08-19 12:15 小豆豆er 阅读(3933) 评论(0) 推荐(0)
你可能不知道的5个功能强大的 HTML5 API
摘要：HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等则是用来丰富网页内容。另外还有很多强大的 Java... 阅读全文
posted @ 2014-07-24 15:40 小豆豆er 阅读(178) 评论(0) 推荐(0)
你须知道的30个CSS选择器 »
摘要：你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。1. *1* {margin: 0; padding: 0;}星状选择符会在页... 阅读全文
posted @ 2014-07-23 18:42 小豆豆er 阅读(282) 评论(0) 推荐(0)
css3 media媒体查询器用法总结
摘要：随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的... 阅读全文
posted @ 2014-07-21 16:17 小豆豆er 阅读(2914) 评论(0) 推荐(1)
CSS3 Transitions, Transforms和Animation使用简介与应用展示
摘要：一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折腾... 阅读全文
posted @ 2014-07-14 11:52 小豆豆er 阅读(297) 评论(0) 推荐(0)
CSS3那些不为人知的高级属性
摘要：尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是... 阅读全文
posted @ 2014-07-04 14:51 小豆豆er 阅读(215) 评论(0) 推荐(0)
CSS3 线性渐变（linear-gradient）
摘要：CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，F... 阅读全文
posted @ 2014-06-27 10:58 小豆豆er 阅读(49281) 评论(1) 推荐(2)