开发注意H5移动端
摘要:H5移动端开发注意事项 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率
阅读全文
HTML5-Viewport 设计原理
摘要:<meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="referrer" content="origin" /> <meta prop
阅读全文
H5+混合移动app
摘要:H5+混合移动app 前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享这爬坑历程。不要问我有多坑,我会告诉你很多,很多..... 过去一直从事.net web开发工作,直到几个月前,公司需要开发一个h5+,于是我这样的全能型选
阅读全文
WebSocket
摘要:WebSocket - ( 一.概述 ) 说到 WebSocket,不得不提 HTML5,作为近年来Web技术领域最大的改进与变化,包含CSS3、离线与存储、多媒体、连接性( Connectivity )等一系列领域,而即将介绍的 WebSocket 则是 HTML5 连接性领域( Connecti
阅读全文
开发H5小游戏
摘要:Egret白鹭H5小游戏开发入门(一) 前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了。在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js。在移动前端方面,尤其是小游戏开始有一点点小经验了。但只是小经
阅读全文
HTML5实现的视频播放器01
摘要:HTML5实现的视频播放器 什么是hivideo? 最近一段时间在使用PhoneGap开发一个App应用,App需要播放视频,本想直接使用html5的video,但使用它在全屏播放时不支持横屏播放,只能放弃。最终决定还是自己封装一个播放器算了,免得以后要扩展功能麻烦。 最近迷上hi这个单词,所以我给
阅读全文
HTML5 例子学习 HT 图形组件
摘要:HTML5 例子学习 HT 图形组件 HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization. 这口号是当年心目中的产品方向,接着就朝这个方向慢慢打磨,如今 HT 算是达到了这样的效果,谈不上用尽洪荒之力,但我
阅读全文
H5+Boostrap的音乐播放器
摘要:H5+Boostrap做简单的音乐播放器 前言:这个是综合一下我最近在学的东西做的小Demo,到实际使用还有距离,但是用来练手巩固知识点还是不错的,最近在二刷JS书和Boostrap.css的源码,做完这个Demo也算是暂告一段落,接下来是jQuery的源码和Boostrap.js的源码,任务很艰巨
阅读全文
canvas1
摘要:canvas学习(一) Canvas 学习之路 (一) canvas 是H5 里面神一样的东西,使得只是通过html和js就能做出非常棒的游戏和画面. 因为对前端无限的爱好,更加对canvas充满好奇,将我学习canvas的经验和样例分享出来,两个目的 给自己做笔记,以后忘的时候可以随时看 充实自己
阅读全文
HLS 协议
摘要:HTML 5 视频直播一站式扫盲 本文来自于腾讯bugly开发者社区,原文地址:http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=1277 视频直播这么火,再不学就 out 了。 为了紧跟潮流,本文将向大家介绍一下视频直播中的基本流程和主要的技
阅读全文
刮刮卡
摘要:Html5实现移动端、PC端 刮刮卡效果 刚从南方回来就分了一个刮刮卡效果的页面,特么的我在烦恼怎么用H5去实现这个效果呢,好不容易写出来了,产品居然说:“既然你可以写出来这个效果那当然好了,开始我只是打算让你实现点击就出现呢!”… … 尼玛干嘛不早说呢?????真是自找麻烦。既然写了就分享给大家吧
阅读全文
元素动画的6款插件
摘要:元素动画的6款插件现在的网页设计风格正在朝着扁平化发展,力求布局简洁,突出主题内容。而另一方面,网页交互则变得越来越多样性,让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画,随着Web技术的发展,动画的实现方式有多种:JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选...
阅读全文
sb2-admin
摘要:近期开发中遇到的问题总结最近准备把后台管理系统重新设计开发下,使用了bootstrap,在网上找了个漂亮的后台模板:sb2-admin,在使用中遇到了不少问题,总结下,以免以后忘记。1、EF5利用NuGet升级到EF6后,一些Attribute冲突[未解决]: 我原先的数据驱动使用的是FluentN...
阅读全文
关于前端框架升级与全站样式
摘要:关于前端框架升级与全站样式替换的简单建议jQuery在移动端移动端dom操作库首推zepto,他实现了jQuery的大多数接口,被移动端成功扶正;弃用jQuery的主要原因是尺寸上的考虑而jQuery经过几次发展,终于宣布不再理睬IE8,但是最新的版本尺寸依旧超过80K,而我移动端核心框架加起来还没...
阅读全文
两列布局
摘要:一、常见的两列布局如百度搜索结果页面,两列固定宽度,高度自适应。博客园文章内容页面和上边的结构类似。二、实现两列布局步骤1)应用浮动CSS如下*{margin:0;padding:0;}#header,#footer{width:960px; height:40px; background-colo...
阅读全文
HTML5 教程
摘要:Web 开发人员必备的经典 HTML5 教程 对于我来说,Web前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西。唯一的问题是,你需要跟上这个领域的发展脚本,因此,你必须不断的学习,不断的前进。本文将分享能够帮助您快速掌握HTML5的实例教程,值得好好学习。您可能感兴趣的相...
阅读全文
HTML页面规范分解
摘要:百度,淘宝,腾讯三大巨头HTML页面规范分解【兼容html5方案】百度贴吧,百度图片的实现腾讯isux研究院的实现 淘宝- 我的淘宝页实现同上,只不过是不同版本不得不提的一个插件https://github.com/aFarkas/html5shiv在github 上达到了3453 星的高度,获得了国内外的广泛认可,如果你厌烦了满页面的div 想尽早拥抱html5 元素,就使用它吧。【兼容模式的选择】关于兼容模式百度首页使用的是百度搜索页使用的是百度图片,腾讯isux研究院,淘宝收藏页使用的是X-UA-Compatible 这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE
阅读全文
HTML初学者的三十条最佳
摘要:颜海镜专注web前端,分享html,css,javascript等相关知识……给HTML初学者的三十条最佳实践Nettuts +运营最困难的方面是为很多技能水平不同的用户提供服务。如果我们发布太多高级教程,我的新手用户将无法从中受益。相反也是如此。我们尽我们最大的努力,但如果你觉得你被忽略了请联系我们。这个网站是为你服务的,所以说出来!如此说来,今天的教程是专为那些刚刚进入web开发领域的人准备的。如果你的经验是一年或更少,希望在这里列出的一些技巧将帮助你成为更好、更高效的开发者!闲话少说,让我们回顾三十个创建标记的最佳实践。1.保持标签闭合以前,经常见到类似下面的代码(译注:这是多久以前啊…
阅读全文
Html 导航
摘要:首页,来一个比较简单的例子热热身,相信有点css基础的人都可以看懂的。自所以,写一些教程,或许这样的教程已经泛滥啦,但是,还是想理理自己的思想来帮助自己及引导初学者更好的理解css。 1、竖直排列导航 先上html代码吧!12345竖直排列导航678910首页11关于我们12新闻资讯13案例解决方案14在线留言15招贤纳士16联系我们17181920一个很常见的html,相信很多人都没任何的问题。接着就上css吧@CHARSET "UTF-8"; *{margin:0 auto;padding:0;}#menu{float:lefwidth:140px;background
阅读全文
DOM事件简介
摘要:DOM事件简介--摘自ADMIN10000Posted on2013-12-05 09:32ziran阅读(76) 评论(1)编辑收藏 Click、touch、load、drag、change、input、error、risize — 这些都是冗长的DOM(文档对象模型)事件列表的一部分。事件可以在文档(Document)结构的任何部分被触发,触发者可以是用户操作,也可以是浏览 器本身。事件并不是只是在一处被触发和终止;他们在整个document中流动,拥有它们自己的生命周期。而这个生命周期让DOM事件有更多的用途和可扩 展性。 作为一个开发人员,我们必须要理解DOM事件是如何工作的,然后..
阅读全文