2014年10月31日 by 张 鑫旭 阅读 296815 次, 今日 3 次

一分耕耘一分收获,终于赶在月底前把这篇文章发布了,扳一扳手指头,快40天去了,鲜有项目做这么长时间。来鹅厂目前最大的收获之一就是做产品的态度,一定要花足够的精力去精雕细琢,kill每一个痛点,完善每一个体验。虽然过程很辛苦,但是做出来的东西大家会都喜欢。看上去好像谁到知道,做产品要用心,但事非经过不知难,一定要亲历与感悟,才能真正成为自己所得之物。
虽然上面调侃多次“说不定回火”,但自己实际并没有真在意。我并不确定有多少人会使用mobilebone.js, 但是,唯一我确定的是,心有多大,舞台就有多大,如果没有制作精品的态度,没有完成世界top级作品的胸怀,没有用心的反复雕琢与实践,一定是不会火的,最多就是发布时候众人捧个场、鼓个掌,然后,就没有然后了,就像千千万万昙花一现的小企业一般。
自己花了很多功夫为mobilebone.js
做了些国际化工作,例如,JS全英文,项目含英文介绍等。虽说冲出亚洲、走向世界这个目标目前还很远,但是,若没有此番心胸、想法以及切切实实的努力,那就只是梦,而不是梦想了!
阅读全文…
标签: animationend, animationstart, fastclick, history, mobile web, Mobilebone, mobilebone.js, 移动开发
发布在 JS实例, Mobile相关 | 291 条评论 »
2014年10月25日 by 张 鑫旭 阅读 134207 次
currentColor顾名思意就是“当前颜色”,准确讲应该是“当前的文字颜色”,是非常强大非常好用的一个关键字。本文就将介绍这个关键字的含义、表现,以及提供两个实例展示其价值之处。必要的源代码、必要的截图、必要的demo一个不少,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: background-clip, box-shadow, css3, currentColor, 图形生成, 图标
发布在 CSS相关 | 34 条评论 »
2014年10月19日 by 张 鑫旭 阅读 133030 次
srcset
为响应式图片属性,12年就出来了,不过今年4月份还是5月份的出了新的规范,与之前的srcset
完成独立的表意,同时新增了新的属性sizes
, 用来实现更好的响应式布局,同时赋予了w
描述符新的含义。本文就是介绍这些全新的规范含义,较深入。丰富的demo、截图以及源代码展示,相信会对您的学习有所帮助的!
阅读全文…
标签: sizes, srcset, w描述符, 响应图片, 响应布局, 图片
发布在 HTML相关 | 37 条评论 »
2014年09月19日 by 张 鑫旭 阅读 95782 次, 今日 1 次
APNG, 全称是“Animated Portable Network Graphics”, 是PNG的位图动画扩展,可以实现png格式的动态图片效果。努力成为动态图片标准,iOS8已经支持这一新技术。本文就讲介绍APNG的一些历史、特性以及如何制作等。希望能对大家的学习有所帮助。
阅读全文…
标签: APNG, gif, webP
发布在 Design相关 | 20 条评论 »
2014年08月31日 by 张 鑫旭 阅读 399986 次, 今日 2 次
本文详细介绍SVG SMIL animation动画。前半部分主要是效果体验,后半部分只要是参数示意。一定是目前国内最详尽讲解SVG SMIL animation动画的文章,没有之一。内容扎实,丰富的效果展示,大量的源码示意。相信一定会对您的学习有所帮助的。
阅读全文…
标签: animation, SMIL, SVG, transform, 动画, 路径
发布在 SVG相关 | 105 条评论 »
2014年08月27日 by 张 鑫旭 阅读 203616 次
本文内容平实,就是标题所提到的三个东西,viewport,viewBox,preserveAspectRatio, 都是学习SVG必须掌握的基础知识。一如既往,有demo,有截图,有源代码展示。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: preserveAspectRatio, SVG, viewBox, viewport, 单位
发布在 SVG相关 | 24 条评论 »
2014年08月26日 by 张 鑫旭 阅读 108577 次, 今日 1 次
CSS计数器不是什么新鲜玩意了,早在10年春暖花开的时候,我写的“CSS content内容生成技术以及应用”一文就要提到,不过当时是作为其中一员介绍。就像例行的溜新同事一样,虽然黑如焦炭的我在自我介绍的时候给新同事留下了深刻印象,但由于介绍的同事茫茫多,我只是其中一员。很自然,个把月之后,我就会被无情的淡忘,除了那依稀的面庞,因为毕竟长得还算比较抽象。
然而,CSS计数器的斗量显然不是短短几句介绍能够显露的,所谓人不可貌相。今天,就大肆笔墨,好好地全面地介绍了下CSS计数器,确实有很多知识点,确实有很多不太好理解的地方,确实有很多会踩坑的地方,果然深不可测。不过,本文有着详实的文字,丰富的截图,完全的demo,必要的源代码展示。相信本文的内容会对你的学习有所帮助的!
阅读全文…
标签: ::after, ::before, counter, counter-increment, counter-reset, counters, CSS计数器, 伪元素
发布在 CSS相关 | 33 条评论 »
2014年08月12日 by 张 鑫旭 阅读 95234 次, 今日 1 次
本文的主要内容就是图片主色获取脚本rgbaster.js小介绍小使用,有demo有截图有源代码展示,不短不长,有吐槽,但不过火。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: canvas, getImageData, RGB, rgbaster.js, XMLHttpRequest
发布在 JS实例 | 32 条评论 »
2014年07月22日 by 张 鑫旭 阅读 170085 次, 今日 1 次
前文介绍了SVG Sprites身材和内涵,顺大便客观的评价了SVG Sprites比font-face高几层楼的事实(看看外国同行的对比)。但是呢,人总是这样,总是容不得说自己现在使用东西的不好。于是乎,不经意间戳动了点小小的自尊。导致文章也没细读就大肆反驳:SVG图标颜色要内联设置,不像font-face那样好控制!而且还不只一位兄弟这么说。
其实呢,我并不忍心说实话的:SVG图标颜色控制要比font-face有过之而无不及……
阅读全文…
标签: currentColor, font-face, SVG, SVG Sprite, 图标, 文字, 渐变, 继承, 颜色
发布在 SVG相关 | 27 条评论 »
2014年07月10日 by 张 鑫旭 阅读 247623 次, 今日 4 次

本文是本月文章的压轴篇,介绍SVG Sprite技术的。内容丰富大而全,面向各个人群,无论你是开发还是设计,还是纯正的前端,都可以在web中使用SVG Sprite技术,比CSS Sprite技术应用还要简单。可谓老少皆宜,出门旅行,必备佳肴。好了,就不调皮了,截图比较多,内容也不少,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: css sprites, grunt, grunt-svgstore, illustrator, SVG, SVG Sprite, symbol, use, 优雅降级, 图标
发布在 SVG相关 | 73 条评论 »