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

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

Read More

Share

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

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

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

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

Read More

Share

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

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

Read More

Share

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

>>图书基本信息

###什么是全面虚拟?

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

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

Read More

Share

音悦台面试笔记

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

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

Read More

Share

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

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

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

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

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

Read More

Share

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

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

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

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

Read More

Share

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

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

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

Read More

Share

Illustrator色彩渐变练习

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

###练习作品01:Green Energy

Read More

Share

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

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

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

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

OK, GO!

Read More

Share