2011年09月 存档
2011年09月29日,星期四
本文更多的是展示。展示不同浏览器如何渲染不同border-style值的。内容还是比较受用的。其他我就第一次先不说什么了。
阅读全文…
标签:border, border-style, 兼容性, 渲染
发布在 css相关 | 5 条评论 »
2011年09月28日,星期三

我上大学那会儿从事的项目用的是jQuery,毕业后工作所从事的项目用的是MooTools。很幸运短期内有机会接触两款不同设计风格的优秀的JavaScript库。今天就我自己的一些认识比对下这两个JS框架,更多的是希望大家能够对MooTools这个JS框架有更多的认识。毕竟,大多数从事web前端的人对上手容易的jQuery更熟悉些。
阅读全文…
标签:API, dom, jQuery, MooTools, 扩展性, 框架, 选择器
发布在 jquery学习 | 13 条评论 »
2011年09月23日,星期五
现在现代浏览器都对CSS3的渐变支持良好,加上IE的渐变滤镜,可以在不使用图片的情况下实现各个浏览器的两色渐变效果。这里,再简单介绍下如何使用svg实现元素背景的垂直渐变,水平渐变,斜向渐变,或是径向渐变,以及更加复杂的多层渐变。
耳熟能详的唠叨:本文提供demo页面,丰富的截图以及必要的源代码展示。希望本文的内容可以对您的学习有所帮助。
阅读全文…
标签:css3, SVG, 图片, 效果, 渐变背景
发布在 css相关 | 6 条评论 »
2011年09月22日,星期四
HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言,应用的HTML5相关特性有:data-自定义属性、placeholder、以及email类型input文本框。上周新上线的会员中心,自己又应用了HTML5相关内容——HTML5 localStorage本地存储,这里简单分享下。
一如既往,本文提供demo页面,提供必要的截图和源代码展示,还有对比实例,希望能触动一下大家的小小神经。
阅读全文…
标签:cookie, HTML5, localStorage, MooTools, 本地存储, 浏览器
发布在 js实例 | 10 条评论 »
2011年09月21日,星期三
网站的首页经常或有广告位图片滚动展示的效果,主流网站上都是使用Javascript实现的。实际上,在CSS3的世界里,我们可以完全摒弃Javascript实现类似的效果。而本文的内容就是展示于简单介绍如果使用CSS3实现图片滚动动画展示效果。提供demo页面,必要截图和源代码展示,希望能对您的学习有所帮助。
阅读全文…
标签:animate, css3, 图片切换效果, 无缝滚动
发布在 css相关 | 6 条评论 »
2011年09月19日,星期一
技术的发展往往导致新事物的产生。关于web页面布局,我们应该听过固定布局(fixed layout)、流体布局(fluid layout),那响应布局(responsive layout)是哪个鸟蛋呢?
本文就将深入浅出地介绍响应布局。提供目前现有网站的实例展示,提供自制demo实例展示。配备必要的截图,提供详尽的源代码,细致的分析阐述。相信本文的内容会对您的学习有所帮助的。
阅读全文…
标签:css3, javascript, media queries, 响应布局, 固定布局, 流体布局
发布在 css相关 | 11 条评论 »
2011年09月15日,星期四
在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。或者使用隐藏的iframe框架页面模拟ajax上传,一次一张,连续多次。然而都有缺陷。HTML5是个好东东,其中之一就是支持多图片上传,而且支持ajax上传,而且支持上传之前图片的预览,而且支持图片拖拽上传,纯粹利用file控件实现,简单方便迅速,想不让人称赞都难啊!
本文就是详细地介绍基于HTML5的可预览多图片Ajax上传的一些内容。有丰富的截图示意和源代码展示,以及必要的API参数说明。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:Ajax, chrome, FileReader, HTML5, readAsDataURL, 图片上传, 图片预览
发布在 js实例 | 37 条评论 »
2011年09月9日,星期五

就在8月份,也就是上次gf大姨妈来的时候,W3C出炉了CSSOM视图模块草案。CSSOM视图模块(CSSOM View Module)定义了一些 API,Web 开发人员使用这些 API 可以进行检查,也可以以编程方式更改文档及其内容的视觉属性,包括布局框定位、视区宽度和元素滚动。
本文的内容就是将CSSOM视图模块相关的一些属性,方法等一个一个整理出来,包括兼容性,使用等等。每个API基本上都提供demo页面测试,使用的源代码展示等等。内容较多,请耐心阅读。相信本文的内容会对您的学习有所帮助的。
阅读全文…
标签:availHeight, availWidth, clientHeight, clientLeft, clientTop, clientWidth, clientX, clientY, CSSOM, elementFromPoint, getBoundingClientRect, height, offsetHeight, offsetParent, offsetWidth, screenX, screenY, scrollIntoView, scrollLeft, scrollTop, width, 兼容性, 鼠标事件
发布在 js相关 | 7 条评论 »
2011年09月1日,星期四
Minimum Page项目的终极产物形式就是个CSS文件。我们都知道CSS reset重置的终产物也是个CSS文件,只是里面的样式无论在各个浏览器中是否有差异都是置为0,或normal之类。
而这里Minimum Page项目:
1. base.css文件只针对各个浏览器下有差异的元素进行样式定义(例如……
阅读全文…
标签:css reset, Minimum Page, normalize.css, Skeleton, 列表, 控件, 继承
发布在 css相关 | 11 条评论 »