随笔分类 -  Html5/CSS3

那些年优秀的HTML5活动页面
摘要：一个好的手机活动宣传 更能让人分享 传播是爆炸性的 下面是我平时看到一些好的微信活动宣传页面 分享给大家 其中用到的技术 常做微信活动 专题页面的人 可以看看大神们是怎么做的 这样到自己做的时候 也不会像无头苍蝇一样盲目【OnlyLady亲赴维密伦敦秀场】亲吻维密天使赢大奖!http://m.onl... 阅读全文
posted @ 2015-06-17 13:19 ヤTop灬ヽ 阅读(388) 评论(0) 推荐(0)
响应式设计的5个CSS实用技巧
摘要：正如我在教程响应式Web设计三步走当中所讲的，响应式的Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性... 阅读全文
posted @ 2015-06-17 12:00 ヤTop灬ヽ 阅读(228) 评论(0) 推荐(0)
响应式设计的十个基本技巧
摘要：英文原文：splio，编译：w3cplusResponsive Design对于我来说一点都不陌生，从他在这个互联网出现的时候，就一直在观注他的成长，而且在w3cplus站上也分享了很多这方面的教程和资源。由于组织了YY活动在线上和大家分享Responsive的设计，为了能让大家更好的理解，我自己也... 阅读全文
posted @ 2015-06-17 11:56 ヤTop灬ヽ 阅读(252) 评论(0) 推荐(0)
css3动画简介以及动画库animate.css的使用
摘要：原文地址：http://www.cnblogs.com/2050/p/3409129.html 在这个年代，你要是不懂一点点css3的知识，你都不好意思说你是个美工。美你妹啊，请叫我前端工程师好不好。呃。。好吧，攻城尸。。。呵呵，作为一个攻城尸，没有点高端大气上档次的东西怎么能行呢，那么css3... 阅读全文
posted @ 2015-05-08 10:55 ヤTop灬ヽ 阅读(222) 评论(0) 推荐(0)
Html5游戏框架createJs的简单用法
摘要：声明：本文为原创文章，如需转载，请注明来源WAxes，谢谢！http://www.it165.net/pro/html/201403/11105.html 楼主记忆力不好，最近刚好用了一下createJs框架，怕以后一段时间没用后会忘记，所以在此做个记录，或许以后用得着。 createJs网上的... 阅读全文
posted @ 2015-04-17 14:44 ヤTop灬ヽ 阅读(708) 评论(0) 推荐(0)
meta标签常用属性整理
摘要：概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 ——W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息可选... 阅读全文
posted @ 2015-04-10 18:02 ヤTop灬ヽ 阅读(172) 评论(0) 推荐(0)
web字体格式转换
摘要：@font-face { font-family: 'emotion'; src: url('emotion.eot'); /* IE9*/ src: url('emotion.eot?#iefix') format('embedded-opentype'), /* IE6-IE8... 阅读全文
posted @ 2015-03-24 10:47 ヤTop灬ヽ 阅读(254) 评论(0) 推荐(0)
再说CSS3渐变——线性渐变
摘要：渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较麻烦的，因为首先需要设计师进行设计，然后进行切图，在... 阅读全文
posted @ 2015-03-14 17:01 ヤTop灬ヽ 阅读(350) 评论(0) 推荐(0)
webapp开发——‘手机屏幕分辨率’与‘浏览器分辨率’不要混淆
摘要：关于webApp响应式设计遇到的问题，分享给大家，最近在做一个手机webApp，因为我手机是”米3“，屏幕截图大小是1080宽，所以css样式用@mediascreenand(min-width:1080px){ …… }，来判断屏幕最小宽度是1080px的手机web显示什么样的样式，结果却不能正... 阅读全文
posted @ 2015-01-10 22:18 ヤTop灬ヽ 阅读(525) 评论(0) 推荐(0)
html5系列.基础知识
摘要：兼容性问题创建一个html5页面 ...... html5新的 (input type=类型) 元素html5新元素 标签定义可选数据的列表。 标签定义生成密钥。 标签定义不同类型的输出。 标签定义外部的内容。 标签定义 arti... 阅读全文
posted @ 2015-01-08 17:54 ヤTop灬ヽ 阅读(265) 评论(0) 推荐(0)
html5 实现手机端相册浏览功能
摘要：原文地址：http://www.cootm.com/?p=710在网上找到个浏览图片的jq插件，针对手机做的非常不错，看到乐享的微信微站新开发的功能就是这个，特此分享下！时间匆忙，没做代码分析，勿怪，直接上rar和预览地址了 预览地址：http://www.cootm.com/mobile_pic/... 阅读全文
posted @ 2014-11-03 15:18 ヤTop灬ヽ 阅读(824) 评论(0) 推荐(0)
html5 DeviceOrientation来实现手机网站上的摇一摇功能
摘要：原文地址：http://www.cootm.com/?p=706从网上转载看到的，感觉不错，就转过来了，特此感谢 cnblogs 的 幸福2胖纸的码农生活，直接转载了，不要介意！呵呵以下是转载内容。———————————————————介绍之前做两个声明：1、以下代码可以直接运行，当然你别忘了引用j... 阅读全文
posted @ 2014-11-03 15:15 ヤTop灬ヽ 阅读(186) 评论(0) 推荐(0)
手机端的META你有多了解？
摘要：我们先来简单了解下meta标签：meta指元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。接下来我们来看看各大网站手机端的meta标签：一、天猫1 天猫触屏版 ... 阅读全文
posted @ 2014-07-03 08:39 ヤTop灬ヽ 阅读(243) 评论(0) 推荐(0)
理解CSS Clip属性及用法
摘要：应用Clip属性实现的一个简单效果图：样式写法：.my-element{position:absolute;clip:rect(10px350px170px0);/*IE4toIE7*/clip:rect(10px,350px,170px,0);/*IE8+&otherbrowsers*/}属性解析... 阅读全文
posted @ 2014-06-26 21:09 ヤTop灬ヽ 阅读(737) 评论(0) 推荐(0)
使用CSS3线性渐变实现图片闪光划过效果
摘要：在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下：这个 CSS3 的效果怎么实现呢？HTML代码设计为： CSS 为：.overimg{ position: relative; d... 阅读全文
posted @ 2014-05-29 10:34 ヤTop灬ヽ 阅读(179) 评论(0) 推荐(0)
使用CSS3线性渐变实现图片闪光划过效果
摘要：在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下： 这个 CSS3 的效果怎么实现呢？ HTML 设计成这样： CSS 为： .overimg{ position: relative; display: ... 阅读全文
posted @ 2014-04-11 10:05 ヤTop灬ヽ 阅读(168) 评论(0) 推荐(0)
分享29个超赞的响应式Web设计
摘要：原文自：http://www.csdn.net/article/2013-01-16/2813678-responsive-design-websites最近几年，响应式Web设计不断印入人们眼帘，几乎每个人都在讨论响应式设计。如今，各个企业都在积极拥抱响应式设计作为未来的发展趋势。此外，越 来越多的网站如雨后春笋般层出不穷，如何做到适应每一台设备呢？我们一起来看下这些最新的、智能的且时尚的响应式布局，兴许能为你开发网站带来一丝灵感。 文中分享的这些网站来自不同的企业，涉及范围比较广比如，教育类、新闻类、电子商务类，所有的这些网站都有一个共同点即：强大的响应式设计。1. BBC 作为全球最大. 阅读全文
posted @ 2014-04-11 00:47 ヤTop灬ヽ 阅读(260) 评论(0) 推荐(0)