CSS垂直居中

By admin on 02月 24, 2010 | 分类: 一點思考

In this method, we will insert a div above the content element. This will be set to height:50%; and margin-bottom:-contentheight;. The content will then clear the float and end up in the middle.

<div id="floater">
<div id="content">
	Content here
</div>
</div>
#floater	{float:left; height:50%; margin-bottom:-120px;}
#content	{clear:both; height:240px; position:relative;}

THE GOODS

  • Works in all browsers
  • When there isn’t enough space (ie. the window shrinks) our content will not be cut off, and a scrollbar will appear.

THE BADS

  • Only one I can think of is that it requires an extra empty element (which isn’t that bad, another subjective topic)

| 我要评论

The Windows desktop

By admin on 01月 27, 2010 | 分类: 一點思考

Aa511448.NotificationArea07(en-us,MSDN.10).png

The Windows desktop has the following program access points:

  • Work area. The onscreen area where users can perform their work, as well as store programs, documents, and their shortcuts. While technically the desktop includes the taskbar, in most contexts it refers just to the work area.
  • Start button. The access point for all programs and special Windows places (Documents, Pictures, Music, Games, Computer, Control Panel), with “most recently used” lists for quick access to recently used programs and documents.
  • Quick Launch. A direct access point for programs selected by the user. Quick Launch was removed from Windows 7.
  • Taskbar. The access point for running programs that have desktop presence. While technically the taskbar spans the entire bar from the Start button to the notification area, in most contexts taskbar refers to the area in between, containing the taskbar buttons. This area is sometimes referred to as the taskband.
  • Deskbands. Minimized functional, long-running programs, such as the Language Bar. Programs that minimize to deskbands don’t display taskbar buttons when minimized. Deskbands are not recommended for Windows 7.
  • Notification area. A short-term source for notifications and status, as well as an access point for system- and program-related features that have no presence on the desktop.

继续阅读 “The Windows desktop”

| 我要评论

《瞬间之美》笔记

By admin on 01月 25, 2010 | 分类: 書與記錄

第3章 导航之道

软件并不是为了我们能单击那些按钮而存在。他是为了我们能完成任务而存在。这样我们才能做事情。

你会发现很多软件的导航都设计成让用户感觉自己才是主人。从微软的word到adobe的illustrator，它们的菜单所包含的选项都是为了用户去做某件事情，例如edit和view。

这些菜单不是基于对象而是基于任务的。

第4章 链接生来不平等

www.boxesandarrows.com 是一个关注图形设计，交互设计及信息架构的各种实践，创新和讨论的网站。

让环境提示成为引导的线索。

在日本的城际铁路线上，每个展台都会在列车进站后播放自己独特的音乐旋律。因为那些经常乘坐同一线路的乘客会在乘车途中感到无聊，他们会看书，读报纸，或者打开笔记本电脑工作，而不一定会去关注每一站的站牌或列车的语音播报。而到达每一站都提前播放一段独有的音乐旋律，能有效的引起乘客的注意，从而提早准备下车。

第5章 标签云里抬头看路

“我不认为用户会在页面中浪费时间——瞪着工具栏看半天，然后琢磨到底是改用标签云还是列表呢。这里并不是必须得遵循用户习惯方式的重要特性，它只是一个简单的链接列表而已。所以我告诉那位设计师去掉那些按钮，只显示标签云就行了。”只对了一半

第8章 生动传神的视频

最新也最酷的屏幕截图和录像工具则是TechSmith公司发布的Jing。

第9章 提出搜索词建议

把被动的网站浏览者转变为主动的活跃用户其实很简单，只需要把她们的目标从浏览转变为搜索。

第10章 列出搜索结果

好的网站设计应该能够通过我说的“无浏览器自测试”的检验。这种测试抛开浏览器以及站点导航提供的工具栏，收藏夹等一切功能，摒弃任何援助，而只依靠网站本身来引导用户。

第11章 精炼你的搜索

如果你的老板有一大堆差劲的注意，而又要求你必须实现出来，那么你也可以运用“递进显示”的方法来隐藏其中的内容。

第18章 计算字符数

如果把字数限制信息放在输入框下部，对于使用屏幕阅读器的用户来说，因为屏幕阅读器是按上下顺序来阅读页面的，所以这些用户只可能在出现问题之后才会发现这个关于字数限制的信息。

| 我要评论

Next Page »
RSS訂閱

I am just beginning...

请画出自己的风格地图，自己的成长路线图，不要迷信人手一张的成功观光图，那样你永远看不到与别人不同的未来前景。

test

记一下

1. Information graphics
1. error_messages
2. messagebox设计规范
3. 客户端右键菜单的设计

文章收集

最新評論

站點推薦