HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 教程视频

教程视频

手机淘宝的flexible设计与实现
手机淘宝的flexible设计与实现
手机淘宝从2014年中开始,全面推行flexible设计。什么叫flexible呢?其实flexible就是responsive的低端形态和基础。对我们来说,最直观的感受就是,在超宽屏幕上,网页显示不会两边留白。 ...
分类:    2016-3-25 10:56
实现一个图片懒加载插件有多难?
实现一个图片懒加载插件有多难?
Web 图片的懒加载就是通过读取img元素,然后获得img元素的data-src属性的值,并赋予img的src,从而实现动态加载图片的机制。需要注意:img在初始化的时候不要设置src属性,因为即使设置src=''浏览器也会尝试加载图片 ...
分类:    2016-3-25 09:46
基于SVG和CSS3的可爱卡通小动物动画特效
基于SVG和CSS3的可爱卡通小动物动画特效
这是一款基于SVG过滤器和CSS3制作的可爱小动物动画特效。该特效中使用HTML标签和SVG结合制作动物的外形,并通过CSS3 animation动画来制作动物的各种动画特效。 ...
分类:    2016-3-24 15:57
更丰富的网页多图层效果:css混合模式
更丰富的网页多图层效果:css混合模式
在网页里,并没有明确的图层的概念,但却很适合当做图层去理解。网页内的每个元素,都可以看做有一个自己的图层。css里的z-index,也很像是调整图层顺序的工具。 ... ...
分类:    2016-3-24 10:48
把你的JS代码翻译成中文书写的代码,并且可执行
把你的JS代码翻译成中文书写的代码,并且可执行
不少人应该知道JS里可以用部分unicode字符来命名变量和方法。想想挺好玩的,不但可以用中文来编程,还可以用颜文字和emoji来编程,想想也是醉了。今天,跟大家介绍一个《英文代码翻译器》可以用一句命令,把你的js代 ...
分类:    2016-3-23 11:08
loaders.css-纯CSS3超酷Loading加载指示器特效
loaders.css-纯CSS3超酷Loading加载指示器特效
loaders.css是一款使用纯CSS3 Loading加载指示器特效。该loading指示器特效共有11种不同的效果,都是使用CSS3 animation动画来完成。
分类:    2016-3-22 11:27
强大的react-native之布局篇详解
强大的react-native之布局篇详解
react-native之布局篇 1. react 宽度基于pt为单位, 可以通过Dimensions 来获取宽高,PixelRatio 获取密度,如果想使用百分比,可以通过获取屏幕宽度手动计算。2. 基于flex的布局 3. 图片布局 4. 定位 5. 文本元素 ...
分类:    2016-3-22 10:38
经常被忽略的几个CSS3属性之强大应用
经常被忽略的几个CSS3属性之强大应用
CSS3动画几个平时没注意的属性:一、timing-function: steps() 二、animation-direction 三、timing-function: cubic-bezier()
分类:    2016-3-22 10:04
Express结合Webpack的全栈自动刷新
Express结合Webpack的全栈自动刷新
webpack可以说是最流行的模块加载器(module bundler)。一方面,它为前端静态资源的组织和管理提供了相对较完善的解决方案,另一方面,它也很大程度上改变了前端开发的工作流程。在应用了webpack的开发流程中,想要 ...
分类:    2016-3-21 12:46
gulp教程之gulp-livereload
gulp教程之gulp-livereload
gulp-livereload拯救F5!当监听文件发生变化时,浏览器自动刷新页面。【事实上也不全是完全刷新,例如修改css的时候,不是整个页面刷新,而是将修改的样式植入浏览器,非常方便。】特别是引用外部资源时,刷新整个页 ...
分类:    2016-3-18 10:17
手把手教程-基于CSS实现的3D云彩变换效果
手把手教程-基于CSS实现的3D云彩变换效果
本文将介绍如何一步一步制作出一些3D效果的云彩,会用到一些高级的属性,主要是如何通过CSS的3D变换效果来实现,如果你想了解更多,这地方是个不错的开始。 ...
分类:    2016-3-17 17:09
高能干货-前端大牛编写javascript组件那套路子
高能干货-前端大牛编写javascript组件那套路子
作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件 ...
分类:    2016-3-16 14:01
Repaintless.css-轻量级高性能的CSS3动画库
Repaintless.css-轻量级高性能的CSS3动画库
Repaintless.css是一款轻量级高性能的CSS3动画库。Repaintless.css通过特殊的方法来制作元素动画,不会引起页面的重绘,使它比其它CSS动画库具有更高的性能。 ...
分类:    2016-3-14 10:56
H5你真的了解吗?(绝对干货)
H5你真的了解吗?(绝对干货)
H5广告,包括H5广告的设计流程,究竟有什么讲究,和阶段。为了能帮助更多的人了解H5广告,我专门做了一个讲义。同时,也让我意外的收到了非常好反馈和认!这是对我的极大鼓励!我的讲义内容仍然还有不少不完善和有待系 ...
分类:    2016-3-11 16:15
2015-2016前端架构体系技术精简版
2015-2016前端架构体系技术精简版
本文主要内容有:框架与组件、构建生态、开发技巧与调试、html、css与重构、native/hybrid/桌面开发、前端/H5优化、全栈/全端开发、研究实验、数据分析与监控、其它软技能、前端技术网站等。 ...
分类:    2016-3-11 14:20

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-5-25 01:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部