效果页面:关于希腊神话与传说的电影集锦
希腊神话电影-impress.js源码下载 [300KB]
这是一个用impress.js模板写成的页面,整理了一下我看过的希腊神话相关的电影,会有短评、推荐指数等。
暂时只找到了7部电影。都是自己看过的。下面是一些技术细节的记录。
效果页面:关于希腊神话与传说的电影集锦
希腊神话电影-impress.js源码下载 [300KB]
这是一个用impress.js模板写成的页面,整理了一下我看过的希腊神话相关的电影,会有短评、推荐指数等。
暂时只找到了7部电影。都是自己看过的。下面是一些技术细节的记录。
《无懈可击的Web设计II》这本书装订得很漂亮,全部彩色打印。貌似老外写的书,引进并翻译过来后再出版的基本都会好好做装订,像《Web界面设计》也是全彩打印,真贵啊——不过这也是设计类书籍的惯例。装订精美,也不愁销量。
###渐进增强与优雅降级
这部分内容主要在第4章:“网站是否需要在每个浏览器中看起来都一样?”中做了介绍。
先谈一下我的一个误区:之前,我一直是以为是否采用某个CSS3、HTML5的超前的技术,是由全球浏览器市场份额来决定的——当然,从全球网站这个宏大的观点来说,是没有大问题的。但对于任何一个特定的网站,不应该首要考虑全球浏览器市场份额,而应该参考自己的网站用户统计数据中关于所用浏览器的报告;除此之外,其他网站的用户统计或全球采样调查都是百无一用的(Eric Meyer,2004)。
今天上午10:00在清华三教参加的前端工程师的笔试。之前参加了腾讯、百度、小米的笔试,只有百度的那次答的不错,也进入面试了,腾讯和小米的笔试要求都比较高,会考数据结构与算法、操作系统、数据库、C/C++。
趁着还没忘干净,赶紧记录一下这次考试的心得体会,以及自己不会的题目,以便以后加强学习。
Illustrator最基本的渐变填充是线性渐变和径向渐变。记住一个快捷键命令:选中对象后,按Ctrl+F9
,调出【渐变】色彩控制面板。
###练习作品01:Green Energy
这些天想通过读一本书,来发散式地对前端进行调研、思考。选的是《HTML5与JavaScript程序设计》。
这本书是国内的陈爽和贺荣两人所著,在如今译作大行其道的时代,实属难得(虽然读后非常失望,他们勇气可嘉,但尚需努力)。只是碰巧在图书馆瞄到了这个标题,就借了来看看。预计4天读完,主要任务是读代码。书中的例子如果顺便练习,代码也会顺便贴到本文里。书中确实有不少错误,而且不仅是印刷错误那么简单的,希望他们以后会出修订版或者第二版。
除非特别声明,所有代码均在Firefox V25.0.1+ 浏览器的Firebug控制台下测试。
OK, GO!
《写给程序员的Web设计书》原作名为“Web Design for Developers: A Programmer’s Guide to Design Tools and Techniques”。
下面各标题的编号对应的是书中的章节号。
###2.3 明确目的
设计这个网站时,要时刻关注一条:服务于你的目标用户。……在进行Foodbox设计工作的时候,要记住你是在为客户和网站目标用户而设计。这工作不是为你增添炫耀资本的,不要企图用那些刚刚学到的很炫的技术来震撼你的同事。客户和他们的目标用户才是第一位的。
在我看来,按照优先级排序是这样的:网站目的>目标用户>客户或自己的老板>自己想炫耀的技术。
Illustrator从零开始作画,才能起到练手的作用。这个是花费4个小时画出来的练习作品:Fashion Girl。参考的仍是《Illustrator CS6中文版:从新手到高手》。
嘴唇我懒得画了,用弧线代替。下次再研究如何画烈焰红唇~~
最近在学Illustrator,每周至少两张练习画。现在觉得,算法、设计、创意比单纯的技术要重要多了。算是培养一下自己的艺术情操吧。
刚开始当然是先练习自由路径的使用,参考教材:《Illustrator CS6中文版:从新手到高手》。第一张是女孩剪影图。
在HTML里读取外部的一个SVG文件,这个外部SVG文件包含内置的JavaScript控制交互操作:用户点击风车的任何一个叶子,风车会转起来,如果再点一下叶片,就会停止转动。
风车是我用Adobe Illustrator,仿照随便百度来的一个位图画的。
HTML5将XML和HTML的区别进一步缩小,表现在:它允许SVG(和MathML)标记直接在HTML文件中使用,而不需要命名空间的声明或者标签前缀。
这里演示的前两个例子来自《JavaScript权威指南·第六版》page 618.代码有些许优化。第三个例子根据基于XML的SVG应用指南介绍的方法,利用Illustrator CS6 自带的模板生成SVG,然后导入到HTML中。
初步感觉,SVG的基本绘图方法如path
、 arc
、 move to
、 line to
等都与HTML5 canvas
很相似。