类似淘宝京东上的产品图,我们可以放大来看产品的具体细节。那么,在移动设备上,基于Web浏览器的这种效果又是如何实现的呢?一.使用touchEvent来实现,关于touchEvent的一些基本知识,可以阅读文章——多点触摸网络开发1.页面代码
2.CSS代码 html...
分类:
移动开发 时间:
2014-05-26 22:48:54
阅读次数:
382
转自:http://www.cnblogs.com/hxling/archive/2013/02/21/2920520.html一、在样式表开头添加一个注释块,用以描述这个样式表的创建日期、创建者、标记等备注信息。Example
Source Code:/*---------------------...
分类:
Web程序 时间:
2014-05-26 02:14:12
阅读次数:
273
开发过web
app的同学,特别是前端人员,都碰到这烦人的事情,JS或CSS代码改变,可手机浏览器怎么刷新都不更新,手机浏览器的缓存特别恶劣。所以今天贴个方法解决这问题。记得,本地调试的时候贴上,上线后要删除哦,免得访问者浏览体验慢。代码: 把上面的代码贴到HEAD里面即可。顺便贴个缓存的资料:1....
分类:
移动开发 时间:
2014-05-26 01:33:35
阅读次数:
296
转自:http://blog.bingo929.com/10-css-shorthand-tips.html CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以...
分类:
Web程序 时间:
2014-05-26 00:25:56
阅读次数:
417
Bootstrap 编码规范by @mdoBootstrap 编码规范:编写灵活、稳定、高质量的
HTML 和 CSS 代码的规范。Headroom.js隐藏或展示页面元素Headroom.js 是一个轻量级、纯 JavaScript
组件,用来隐藏或展现页面上的元素,为你的页面留下更多展示内容的空...
分类:
其他好文 时间:
2014-05-24 02:35:29
阅读次数:
301
LESS 是一个编写 CSS 的很好的方式
,使您可以使用变量,嵌套规则,混入以及其它许多有用的功能,它可以帮助您更好地组织你的 CSS 代码。最近我一直在研究 Node.js ,并想用
less-middleware 中间件,这样我可以很容易的在我的应用程序中使用 LESS 了。配置好以后,LES...
分类:
Web程序 时间:
2014-05-24 00:29:18
阅读次数:
389
一、表单input file样式说明 -
TOP本上传表单特效是使用纯DIV+CSS代码实现,兼容各大浏览器,使用方便在此美化基础上稍加CSS美化将获得更好的美化效果,也就是通过DIV
CSS样式美化上传表单控件。二、CSS file美化后效果图 - TOPfile表单美化效果图支持多浏览器...
分类:
其他好文 时间:
2014-05-23 11:29:53
阅读次数:
257
本文主要介绍出自谷歌公司的Apache扩展模块mod_pagespeed。该模块的目标是提高网页的加载速度。具体的实现方法主要是通过优化html代码、css代码、js代码、缩放图片来减少请求数量、请求流量,从而提高网页的加载速度。
?
我们首先展示一下插件的效果。下图是还没有开启mod_pagespeed模块的情况。
在这种情况下,页面中充斥着大量空格,以及很长的...
分类:
Web程序 时间:
2014-05-21 07:51:47
阅读次数:
460
同样的html代码结构 配合不同的css代码 展示不一样的效果。html基本结构 土豪 官二代
富二代 Contents of first tab Contents of the second tab Contents of the third
tabcss代码1.tabs{ width:...
分类:
其他好文 时间:
2014-05-18 19:12:51
阅读次数:
254
Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,支持多款编辑器或者集成IDE的无缝插件,支持的编辑器或者IDE有,如下图:
当然,Emmet还支持很多在线编辑以及第三方软件的集成,如图:
足以可见它的强大了,下面是Emmet常用的使用方法.大家可...
分类:
其他好文 时间:
2014-05-18 06:15:21
阅读次数:
473