随笔分类 - html5+css3
摘要：今天我们要来推荐10款超级惊艳的HTML5动画特效，有一些是基于CSS3和jQuery的，比较实用，特别是前几个HTML5动画，简直酷毙了，现在将它们分享给大家，也许你能用到这些HTML5动画和jQuery应用。 1、HTML5 Canvas发光Loading动画 之前我们分享过很多基于CSS3的L
阅读全文
摘要：预加载 css: @keyframes outer-circle { 0% { transform: scale(1) } 50% { transform: scale(.8) } 100%{ transform: scale(1) }} @-webkit-keyframes outer-circl
阅读全文
摘要：move.css zoomIn zoomInDownouter-circlearrowTop expandOpen fadeIn fadeInNormal fadeInUp fadeInRight fadeInDown fadeInLeft moveDown 上往下进入 moveUp 由下往上进入
阅读全文
摘要：iphone微信 h5页音乐自动播放：
阅读全文
摘要：今天刚学了css3的弹性盒模型，这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。 Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。 Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元
阅读全文
摘要：青瓷引擎的成长青瓷引擎自2015年4月项目启动开始，7月首次亮相2015年ChinaJoy，便得到业界的极大关注，随后开启限量测试，收到数百个开发者团队的试用申请及反馈，期间经历了18个内测版本，完成200多个范例和文档，完善了用户手册和API文档，7个团队的深度使用开发，11个完整游戏，实现了主流...
阅读全文
摘要：方式一：Coding JavaScript 如果是IE9以下的IE浏览器将创建HTML5标签，这样非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。第二种方法：使用Google的html5shiv包（推荐） 但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表...
阅读全文
摘要：@media (max-width: 767px).main-sidebar, .left-side { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: tr...
阅读全文
摘要：/* * 注意： * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需...
阅读全文
摘要：PluginsAdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.ChartsChartJSFl...
阅读全文
摘要：今天查看网站的源代码，发现有个glyphicons-halflings-regular.woff文件没有找到，因为我的网站使用了bootstrap的Glyphicons 字体图标，因此需要加载Glyphicons Halflings的相关文件，但是我的文件中明明有这个文件那怎么会报404错误呢？那么...
阅读全文
摘要：查看DEMOhtml:javascript部分：function imageClip(filter){ var canvas = document.querySelector('canvas'), context = canvas.getContext('2d'), ...
阅读全文
摘要：WebGL: 是 OpenGL 和 JavaScript 之间的结晶、HTML5 的 canvas 元素里、利用和OpenGL同样的API、可以绘制高精度的三维图像。 (OpenGL 能够从任意视点出发，对三维空间中的物体进行二维投影的自动计算。 而且因为可以直接操作计算机的图形卡、OpenGL能够...
阅读全文
摘要：刚开始接触UI的时候，碰到的最多的就是尺寸问题，什么画布要建多大、文字该用多大才合适、我要做几套界面才可以？什么七七八八的也着实让人有些头疼。废话不多说，希望大家耐心看完后，不用再纠结于尺寸相关的东西了~IOS篇1、尺寸及分辨率iPhone 界面尺寸：320×480、640×960、640×1136...
阅读全文
摘要：by郑州seoon2013 年 7 月 6 日injquery,网站建设with6 Comments最近需要做一个手机小门户网站，因为目前主流的手机都是安卓和苹果的，他们的浏览器内核都是webkit，这就意味着手机网站是可以用html5和css3开发的，越开发越感觉到html5和css3的强大与它的...
阅读全文
摘要：@media是css3中新定义的，功能非常强大，顾名思义PC是无法匹配横竖屏的，所以orientation只对移动设备起效。1.头部声明复制代码代码如下:加到复制代码代码如下:2. media匹配屏幕是横屏还是竖屏复制代码代码如下:@media all and (orientation : land...
阅读全文
摘要：http://tgwu.net/ldj/?from=singlemessage&isappinstalled=0// JavaScript Document$(function(){ w = $(document).width(); h = $(document).height(...
阅读全文