正在加载...

幻灯片(PPT)是快速学习知识关键点的有效途径。之前本博客发布的“一个简单的、循序渐进的CSS幻灯片教程”,就为大家介绍过一个幻灯片教程,今天再为大家推荐5个以改善CSS编码为主题的幻灯片教程。这5个幻灯片主要帮助大家了解如何写出高效的、可维护的CSS代码,学习CSS中的属性继承、行高(line-height)相关知识,认识CSS系统论及面向对象的CSS编码。

字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1. 不可能大范围的使用该字体;2. 图片内容相对使用文字不易修改;3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。网络上有一些使用sIFR技术、或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。

一般地,作为框架或类库都具有功能齐全,api丰富的特点。jQuery作为当前最优秀的javascript类库之一,自然也不例外。我们在使用jQuery的时候,不免要经常查询它的api文档,才能渐渐熟悉。之前我最先想到的是官方的api说明站点,不过如果有一份简洁的PDF文档,也许会来的更加方便些。

下面这款jQuery速查表是我用过最好的一款PDF版本jQuery速查表(JQUERY 1.3 Visual Cheat Sheet)。它是国外知名前端专家Wook基于1.3版本jquery制作的。它内容完善,设计风格简洁,具有很好的实用性。

文本框textarea是在网站中经常用到到多行文本输入标签,例如本文下面的留言输入框。一般情况下,我们会通过指定textarea的rows和cols属性来控制大小。当在textarea输入较多文本超过预设行数时,就会出现侧边滚动条。这样难免会将部分文本遮挡,当想回顾已输入内容时,还要去拖动滚动条,来来回回,煞是不爽。如果可以让textarea根据用户输入的文本内容自动扩展,就可以解决这个问题了,有助于改善用户体验。“autoresize”这款jquery插件就是用来解决这个问题的。

2009-7
28

之前发布的“85张精选的绿色系清爽养眼桌面壁纸”,反响不错。笔记本装了Windows 7后,发现它提供了非常酷的桌面壁纸动态更换功能,于是就一直琢磨着收集一套高清宽屏桌面壁纸。下面这套30幅的桌面是从国外淘来的,它们不但漂亮,而且富于想象力,在这里与大家一起分享。

无论是做Web产品还是Web项目,文件上传是经常要用到的功能。以前经常听到做项目的同事抱怨:“这款文件上传控件功能强大但是用起来麻烦,最简单的input上传使用方便但是功能太简单(例如不支持多文件),外观也不尽如人意”。之后我一直留意网上的上传控件,最近看到一款基于jquery的上传插件Uploadify无论在功能、外观、可用性和扩展性上都有不错表现,于是研究了一番,介绍给大家。

国外著名Web设计博客MaxDesign的博主为我们分享了他在公司培训中用到的CSS幻灯片教程。我简单看了下,可以说简单明了,通俗易懂,讲到了不少CSS学习中必须掌握的关键点。下面把它分享给大家,希望对学习CSS的朋友有所帮助。

译序:Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为九个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说,“虽然易用性系统的设计远不止应用一些简单的指导方针,但是它们却可以为获取稳定性和好的实践提供有意义的帮助。”