2012年01月3日 by 张 鑫旭 阅读 101749 次

zSlide是我最近折腾的一个jQuery插件,可以让网页以类似于powerpoint展示的效果展示。这样可以让技术资源更快更便捷共享出去。不仅有基本的切换效果,还有动画交互。支持键盘操作和鼠标操作,提供实时的进度提示,同时提供强大的自定义交互功能。
本文就是专门讲解这个插件,有的放矢,截图,demo,源代码打包下载,代码示例一个不少。尽量面面俱到而又不啰嗦,总之,希望本文的内容能够对您的学习或工作有所帮助。
阅读全文…
标签: css3, HTML5, jQuery, localStorage, plugin, powerpoint, zDialog, zSlide, 弹框
发布在 jQuery相关 | 16 条评论 »
2011年12月27日 by 张 鑫旭 阅读 111706 次, 今日 5 次
本文简单研究了下CSS中 text-align属性与position属性之间的关系。通过一些实例论述一些观点,并引申出一些实际的应用。截图很详尽,还有必要的demo以及源代码展示。其他就不多说了,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: absolute, margin负值, text-align:justify, 垂直居中, 对齐, 绝对定位
发布在 CSS相关 | 17 条评论 »
2011年12月23日 by 张 鑫旭 阅读 75778 次, 今日 6 次
本文展示下如何使用单纯的CSS实现遮罩效果,并列举一个实例看看该技术在实际项目中的应用。一如既往,提供demo页面,丰富的截图和必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: border, border-radius, css3, transition, 圆角, 手机, 遮罩
发布在 CSS相关 | 8 条评论 »
2011年12月21日 by 张 鑫旭 阅读 104030 次, 今日 7 次
偏理论的文章,主要讲述用户自由思想下的前端验证模式。本文有文字,有丰富的截图以及实例。其他话就不多说了,一些个人的观点,一些不同于当下主流的见解,希望能有所启示。
阅读全文…
标签: chrome, Google, HTML5, 前端, 思想, 用户体验, 用户自由
发布在 CSS相关 | 22 条评论 »
2011年12月7日 by 张 鑫旭 阅读 231914 次, 今日 12 次

pointer-events是CSS3中又一冉冉的属性,其支持的值牛毛般多,不过大多都与SVG相关,我们可以不用理会。当下,对于偶们来讲,与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto”类似,一般在一些特殊场合露一手,平时闺门不出,没什么说头。因此,一轮筛选下来,我们需要留意的只是pointer-events:none而已。
pointer-events:none是个很有意思的东西,某些情况下其精湛的表现会让人两眼发光。
pointer-events:none顾名思意,就是……
阅读全文…
标签: css3, elementFromPoint, pointer-events, 按钮, 选项卡, 鼠标事件
发布在 Web综合 | 34 条评论 »
2011年12月1日 by 张 鑫旭 阅读 148245 次, 今日 7 次

一个页面的内容,例如人物、事件或评论不仅要给用户看,还要让机器可识别。而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签、属性名以及特定用法等。举个简单例子,我们使用<h1>标签包裹页面标题信息就是为了让机器识别(搜索引擎 – SEO)。
而微数据是什么呢?在我看来,微数据也是为了方便机器识别而产生的东西。其有特定的规范,有特定的格式。可以丰富搜索引擎的网页摘要……
阅读全文…
标签: Google, HTML5, SEO, 微数据, 搜索, 浏览器, 规范
发布在 HTML相关 | 11 条评论 »
2011年11月28日 by 张 鑫旭 阅读 59400 次, 今日 4 次
假期临近(应该指感恩节和圣诞节),公司增加了SEM方面的花费,关注SEO,修改页面。然而,为了最大的销售额,这些时间、财力上的付出可能就是打水漂——如果假期增加了访问量让网站速度变慢甚至下去的话。
性能影响用户是毫无疑问的。网站速度直接影响反弹率、转化率、收入、用户满意度、搜索引擎优化(已知的如反映网站流行度的Page Rank)以及几乎所有值得追踪的业务。用户离开速度慢的网站,而且往往不会再回来。
还在不久前,用户离开一个网站的时间点是8秒。然而,很快就是6秒,然后4秒,然后现在是2秒……
阅读全文…
标签: css sprites, HTTP请求, Local storage, SEO, 前端性能, 加载
发布在 外文翻译 | 8 条评论 »
2011年11月26日 by 张 鑫旭 阅读 165280 次, 今日 2 次
HTML5中的语义那是相当劳力伤神的一件事啊。顾名思意,一知半解情况下使用HTML5的语义化标签,多半会进入“不合理使用标签”的深色名单。我们都是对自己有要求的人,虽然很烦,很折腾,我们还是有必要花大量的功夫去理解每个HTML5标签的真正语义。
不过嘛,这HTML5虽然势如破竹,但是,要真正一统天下还需时日。所以,HTML4还不是很了解的青年们,不必急于追随潮流,什么HTML5啊之类的,就当是浮云,知道有几只眼睛几条腿就行了。因此,对于这类青年,那些专门讲HTML5的文章,基本上可以当作流风之回雪。本文有些特殊,是对比HTML4,HTML5几个标签元素的。因此,不管你是哪个级别的青年,本文内容都算是有看头的。
很多HTML4中的标签元素在HTML5中被赋予了很多新的语义,这就像是给前朝遗孤赐予个什么官爵之类。本文就将讲述……
阅读全文…
标签: em, HTML5, strong, 标签, 语义化
发布在 HTML相关 | 8 条评论 »
2011年11月19日 by 张 鑫旭 阅读 140339 次, 今日 7 次

本文介绍如何使用CSS3 @font-face实现颜色可随意控制,大小可随意控制,支持CSS3文字阴影和文字渐变效果,与文字等天然对齐且兼容性良好的三角的实现。可以说是本月比较重量级的文章,配以大量的截图示意。提供必要的demo页面以及源代码展示,以及一些字体的下载。不管怎样,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: border, css3, font-face, fontforge, IE, 字体, 字符
发布在 CSS相关 | 19 条评论 »
2011年11月18日 by 张 鑫旭 阅读 140044 次, 今日 3 次
本文内容部分介绍如何使用fontforge这个软件制作自定义的字体,以及自己如果使用这个软件实现手机上的一个效果的。最后,还拓展举了个使用字体当作图形使用的例子。截图相当丰富,然后还有必要的源代码展示和demo页面,相信本文的内容会对您的学习有所帮助的。
阅读全文…
标签: css3, font-face, fontforge, HTML5, 字体, 手机
发布在 Mobile相关 | 30 条评论 »