《JavaScript DOM 编程艺术》笔记

这本书写成于这样的时代——“知道CSS的Web设计师在人数上还是要比知道JavaScript语言和DOM的要多得多。”

而今已经到了JavaScript工程师挤得头破血流也找不着工作的时代。

单纯地读最新标准下的JavaScript、CSS书籍或标准文档,对深入理解它们的设计初衷是不够的,读一读十年前的Amazon超级畅销书还是很有好处的。

我读的是第一版,但并不推荐任何新手也去读第一版——这种偶尔出现IE4、IE5字眼的书籍不利于W3C标准的推广~~推荐新手读此书的第二版,的确很适合入门。>>图书基本信息

本文一顿瞎写,老鸟们就别喷了,哥也只是一个四处找工作碰壁的JS新手罢了~~

Read More

Compartir

《写给大家看的设计书》笔记

写给大家看的设计书(第3版),英文名“The Non-Desiner’s Design Book”,封面其貌不扬,但内容与内容的排版设计都十分精彩。我大脑里与平面设计相关的灰质被深深地刺激到了,这块灰质表示此书可以给★★★★★。

Read More

Compartir

在博客中使用无衬线中文字体

一开始,博客是基于Octopress的,其所有预设字体都是针对英文,例如,对于标题,使用下面的字体族:

1
$heading-font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif, !default;

这样一来,如果我的博客是中文标题,就只能采用浏览器默认的字体(一般是宋体),这样既不能保证跨浏览器表现的一致性,也不能得到最佳的外观表现——标题最适合使用无衬线字体,而如果使用宋体这样的衬线字体,会非常难看。下面简记在博客中使用中文字体的解决方案。

Read More

Compartir

《高性能网站建设指南》笔记

只懂JS是不够的,前端开发人员必须知道如何提高浏览器端性能。本文记录《高性能网站建设指南》的若干技术要点。

Read More

Compartir

《完美网页的视觉设计法则》笔记

>>图书基本信息

###什么是全面虚拟?

Comp是comprehensive dummy(全面虚拟)的缩写,这个术语来自于打印设计领域。是一种在进行打印之前,先将已经创建好的、用于打印的布局完全模拟的过程。将这个词移植到网页设计中,comp就是在我们开始用HTML进行原型设计之前的某个布局的图像。

在web前端开发中,“全面虚拟”就是指用Photoshop建模的过程了。之前我一直不鸟这部分内容,直到昨天面试被鄙视。。。

Read More

Compartir

音悦台面试笔记

在58同城上投了几份简历,很有幸被叫去参加面试了,虽然最后仍然是悲剧,但面试经历又增加了,找工作就像谈恋爱,爱要越挫越勇~~

下面回忆几个自己不会的不确定的题目。

Read More

Compartir

关于希腊神话与传说的电影集锦-Impress.js幻灯片

效果页面:关于希腊神话与传说的电影集锦

希腊神话电影-impress.js源码下载 [300KB]

这是一个用impress.js模板写成的页面,整理了一下我看过的希腊神话相关的电影,会有短评、推荐指数等。

暂时只找到了7部电影。都是自己看过的。下面是一些技术细节的记录。

Read More

Compartir

《无懈可击的Web设计II》笔记

《无懈可击的Web设计II》这本书装订得很漂亮,全部彩色打印。貌似老外写的书,引进并翻译过来后再出版的基本都会好好做装订,像《Web界面设计》也是全彩打印,真贵啊——不过这也是设计类书籍的惯例。装订精美,也不愁销量。

###渐进增强与优雅降级
这部分内容主要在第4章:“网站是否需要在每个浏览器中看起来都一样?”中做了介绍。

先谈一下我的一个误区:之前,我一直是以为是否采用某个CSS3、HTML5的超前的技术,是由全球浏览器市场份额来决定的——当然,从全球网站这个宏大的观点来说,是没有大问题的。但对于任何一个特定的网站,不应该首要考虑全球浏览器市场份额,而应该参考自己的网站用户统计数据中关于所用浏览器的报告;除此之外,其他网站的用户统计或全球采样调查都是百无一用的(Eric Meyer,2004)。

Read More

Compartir

说说2013年搜狗校招的前端开发笔试题

今天上午10:00在清华三教参加的前端工程师的笔试。之前参加了腾讯、百度、小米的笔试,只有百度的那次答的不错,也进入面试了,腾讯和小米的笔试要求都比较高,会考数据结构与算法、操作系统、数据库、C/C++。

趁着还没忘干净,赶紧记录一下这次考试的心得体会,以及自己不会的题目,以便以后加强学习。

Read More

Compartir

Illustrator色彩渐变练习

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

###练习作品01:Green Energy

Read More

Compartir