Illustrator色彩渐变练习

Illustrator最基本的渐变填充是线性渐变和径向渐变。记住一个快捷键命令:选中对象后,按Ctrl+F9,调出【渐变】色彩控制面板。

###练习作品01:Green Energy

Read More

Share

前端知识的零星思考以及对某本书的读书笔记

这些天想通过读一本书,来发散式地对前端进行调研、思考。选的是《HTML5与JavaScript程序设计》

这本书是国内的陈爽和贺荣两人所著,在如今译作大行其道的时代,实属难得(虽然读后非常失望,他们勇气可嘉,但尚需努力)。只是碰巧在图书馆瞄到了这个标题,就借了来看看。预计4天读完,主要任务是读代码。书中的例子如果顺便练习,代码也会顺便贴到本文里。书中确实有不少错误,而且不仅是印刷错误那么简单的,希望他们以后会出修订版或者第二版。

除非特别声明,所有代码均在Firefox V25.0.1+ 浏览器的Firebug控制台下测试。

OK, GO!

Read More

Share

《写给程序员的Web设计书》读书笔记

《写给程序员的Web设计书》原作名为“Web Design for Developers: A Programmer’s Guide to Design Tools and Techniques”。

下面各标题的编号对应的是书中的章节号。

###2.3 明确目的

设计这个网站时,要时刻关注一条:服务于你的目标用户。……在进行Foodbox设计工作的时候,要记住你是在为客户和网站目标用户而设计。这工作不是为你增添炫耀资本的,不要企图用那些刚刚学到的很炫的技术来震撼你的同事。客户和他们的目标用户才是第一位的。

在我看来,按照优先级排序是这样的:网站目的>目标用户>客户或自己的老板>自己想炫耀的技术。

Read More

Share

Illustrator自由路径练习(02):时尚女孩

Illustrator从零开始作画,才能起到练手的作用。这个是花费4个小时画出来的练习作品:Fashion Girl。参考的仍是《Illustrator CS6中文版:从新手到高手》

嘴唇我懒得画了,用弧线代替。下次再研究如何画烈焰红唇~~

小结:

Read More

Share

Illustrator自由路径练习(01):女孩剪影与猫

最近在学Illustrator,每周至少两张练习画。现在觉得,算法、设计、创意比单纯的技术要重要多了。算是培养一下自己的艺术情操吧。

刚开始当然是先练习自由路径的使用,参考教材:《Illustrator CS6中文版:从新手到高手》。第一张是女孩剪影图。


Read More

Share

HTML5 SVG交互实例:转动的风车

在HTML里读取外部的一个SVG文件,这个外部SVG文件包含内置的JavaScript控制交互操作:用户点击风车的任何一个叶子,风车会转起来,如果再点一下叶片,就会停止转动。

风车是我用Adobe Illustrator,仿照随便百度来的一个位图画的。


Read More

Share

HTML5 SVG 初步学习

HTML5将XML和HTML的区别进一步缩小,表现在:它允许SVG(和MathML)标记直接在HTML文件中使用,而不需要命名空间的声明或者标签前缀。

这里演示的前两个例子来自《JavaScript权威指南·第六版》page 618.代码有些许优化。第三个例子根据基于XML的SVG应用指南介绍的方法,利用Illustrator CS6 自带的模板生成SVG,然后导入到HTML中。

初步感觉,SVG的基本绘图方法如patharcmove toline to等都与HTML5 canvas很相似。

Read More

Share

Hello, WebGL

这是一个WebGL Hello World。

关于博客引用自己的js代码:使用<script type="text/script" src="myjs.js"></script>,放在页面的正文里即可(最好放在<!-- more -->的后面)。但现在还不知道如何载入自定义的样式表——尤其某些样式只是在某些博文里做演示用的时候。也不清楚如何写模板,从而可以使用<style type="text/css"></style>来自定义一些样式。

值得注意的是,three.js 已经包含了对 requestAnimationFrame 的封装。因此,暂不必考虑其浏览器的差异性问题。

CSDN博客上也有极为详细的入门例子及代码解释,见 CSDN: WebGL库Three.js入门

Read More

Share

《 Smashing CSS 》读书笔记

Smashing CSS: Professional Techniques for Modern Layout(by Eric Meyer),我所读的中文版译名为《精彩绝伦的CSS》。我本以为Eric Meyer写了《CSS权威指南》后就没啥事儿了,原来他还一直在写书。跟Nicholas一样。

这本书的完稿时间是2010年8月,在中国的出版时间则是2012年7月。国内引进CSS方面的书籍的速度总是这样慢,Eric Meyer现在正在写《CSS: The Definitive Guide》的第四版,国内又不知道要什么时候才可以引进呢。

刚翻开没看多少页,就看到了今年10月份参加前端笔试时遇到的而且不知道该怎样回答的一个问题相关的内容。

Read More

Share

前端工程师自我修炼之道(不断更新)

录一下我为了成为Web前端工程师而读的书们,以及每个阶段的大概计划。也许最终我不能如愿以偿,但读书学技术总归是好的,结果起码是我终于有了一技之长。

Read More

Share