关于“好用到冒泡”的说法,来自于《圆梦巨人》电影中好心眼巨人说的“好吃到冒泡”!本来以为和《进击的巨人》一样是个重口味的灾难片,结果去了 周围做的全是漫展迷和小朋友 WTF。。。。 关于box-sizing的兼容写法 -webkit-box-sizing: border-box; ……
你认识这7个CSS单位吗?(rem vh vw vmin vmax ex ch) 传统的项目开发中,我们只会用到px和%这两个单位,它可以适用于大部分的项目开发,并且拥有比较良好的兼容性。但是你知道吗?从css3开始,浏览器对逻辑单位的支持又提升到了另外一个境界,我们可……
客户端存储历程 关于浏览器缓存和本地存储我接触的时间不长,今天下午抽时间学习了一下,下面是我结合视频、文献资料整理的一些关于html本地存储的一些资料,希望大家会用到!不过我还是觉得application cache是一个很大的坑,第一次用的时候要当心! -远……
rem配合js解决移动端自适应问题! 在解决一些移动端自适应问题的时候,很多同学遇到了不同屏幕大小下出现了一些文字不协调的问题,如果智障产品再是个极端主义,那估计够大家加几天班了 0.0! 原来在遇到不同屏幕的时候我们可以使用媒体查询这样干! CSS3……
NW.JS仿QQ好友查找界面 github地址:https://github.com/renjianfeng/qqSearch 记得去年还是一名纯切图仔的时候,干了一件很了不起的事情,公司因为缺少客户端开发人员,项目经理自学了一个月就开始上手,结果一部分页面还是不能实现,于是我就推荐了NW.JS,……
NODE-WEBKIT工牌生成器 github地址:https://github.com/renjianfeng/node-webkit 使用NW.JS练习的时候,自己做了一个工牌生成器。简单的使用了nodejs\canvas\angualrjs,可以下载下来看一下; 软件运行效果: 核心代码如下 canvas绘图 function huizhi(……
如果我告诉你,以后你们可以用前端语言(html5+css3+js)开发桌面应用、可以使用html5最新的特性和CSS3动效还不用考虑兼容性,你们是不是会觉得不可思议? 下面我们就来给大家介绍一下,目前开发市场中比较成熟的PC端前端混合应用的开发神器,那些让前端工……
Photon.js是一个JavaScript库,在三维空间中的DOM元素添加简单的照明效果。 效果图: 光照开启效果 光照关闭效果 快速开始 官网:http://photon.attasi.com/index.html 创建一个灯光 该光对象表示一点在三维空间中,模型表面被点亮。 // 创建一个光源点 x……
3分钟可以干什么? 哈哈。 之前发了一个用CSS3做的3D场景,可能代码比较多,那这次,我们先来看一些比较基础的,先做一个立方体,怎么样? 今天,本萌新来叫大家合理的使用chrome的debug调试工具,制作一个css3的3D立方体,下面得视频是我做的演示视频,可……
在打开一些框架查看源码的时候,我们经常会看到这三个标点符号:“+” 、“>”、“ ,”,别说你没见过,但这些东西都是干啥的有啥用,俺就来给大家说说。 css提供了很多的选择器供开发者更加方便的选择html的dom元素节点,下面我们就来列举一下,被很多初学者……
案例效果如图: github地址 https://github.com/renjianfeng/css3-3D css3场景技术是利用css3的3D变形和透视制作的基于css3的3d场景效果; 1.将浏览器的css3渲染模式改为3D -moz-transform-style: preserve-3d; transform-style: preserve-3d; -w……