background preloader

Design 1

Facebook Twitter

» CSS: Techniques, Tutorials, Layouts {.} {.} Smashing Magazine. Free Css Templates. 中国设计网-最有价值的设计资讯、资源门户站点. CSS World Awards Winners 2006 » CSS World Awards. De Dream’: 一起体验. Juui.rem.cn - / CSS Reboot Spring 2006. 概念:以用户为中心的设计. 主题 为什么使用以用户为中心的设计?

概念:以用户为中心的设计

满足用户的需要 一个成功的交互系统必须能够满足用户的需要。 这意味着不仅要能够识别各种用户群,而且还可辨别各个用户所掌握的技能、经验以及他们的偏好。 虽然开发人员和管理人员很容易自认为他们了解用户需要,但实际情况常常不是这样。 用户界面设计 通过系统的用户界面,用户可以了解系统并与系统进行交互。 用户界面还必须至少从两个维度迎合潜在的广泛经验,这两个维度指的是计算机经验和领域经验,如下图 1 所示。 图 1:计算机和领域经验对易于学习和易于使用的影响 一条仍然适用结论需要引起我们的注意:经验不足的用户经过一段时间也会成为专家。 表1,影响用户界面设计的一些因素 交互系统必须设计为能够适合一定范围内的用户经验和用户环境,或者必须采取步骤限制设计领域。 法规和标准 用户的技能及其生理特征是我们在以用户为中心的设计中应该考虑的问题。 下表显示了世界各地的相关法规和资源: 表 2a,各国家、地区或团体有关残疾方面的法规. Beautiful Style - 致力于网站(X)HTML & CSS开发,推动技术创新、标准构架. Windows XP Themes, XP Skins, XP Visual Styles, Icons & Wallp.

Use Stardock's Bootskins XP to change your XP startup screen easily without hacking your system!

Windows XP Themes, XP Skins, XP Visual Styles, Icons & Wallp

CursorFX is a utility which allows you to have much more flexibility in the cursors you use to interact with Windows. CursorFX users can create and use cursors that look and feel far superior to anything you've ever seen before! Best of all, it's really easy to create your own super-charged cursors! DesktopX is a program that lets users build their own desktops. It does this by giving users access to desktop objects. Stardock DeskScapes is a program that allows users to have animated wallpaper on their Windows 8, Windows 7, XP or Vista desktop. Functioning Form - Interface Design Blog (Weblog) Publications on the critical details and big picture behind digital product design.

Functioning Form - Interface Design Blog (Weblog)

LukeW's 13 years of writing cover Web and device strategy, interaction design, visual design, usability, and much more. April, 2014 March, 2014 February, 2014 January, 2014 Customizing Help & Tips By Input Type January 13, 2014 December, 2013 November, 2013 October, 2013 September, 2013. Genii Software. News. 产品分析和设计 - 网页设计 - 多媒体设计 - 视觉同盟(VisionUnion.com) Build a PHP Switcher. For your style-sheet-switching pleasure, A List Apart offers the Switcher, a piece of JavaScript that dynamically changes page styles.

Build a PHP Switcher

Functional as it is, it quite unfortunately relies on the user to have both JavaScript and cookies enabled. There’s not much we can do about the cookies, but we can sidestep client-side processing with a little help from PHP. PHP is a scripting language available on many, many servers. It’s fast, it’s free, it’s open source and it handles everything on the server side, so there’s no need to worry about users who have disabled client-side scripting in their browsers. If you’re not sure if your host has PHP installed, just ask them!

STAGE ONE: Setting styles#section1 The first step is to create a new file on your server named switcher.php and paste the following code into it. When it’s queried, this file will write a cookie for the user detailing which site style to use. Telling switcher.php which site style to use is an equally simple matter. That’s it. Brain Sparks » Blog Archive » The Challenges of Moving to Horizo. By Joshua Porter April 26th, 2006 Thanks to Bohdan Zograf for providing a Belorussian translation.

Brain Sparks » Blog Archive » The Challenges of Moving to Horizo

Thanks to Valeria for providing a Czech translation. The designers of CNN.com recently redesigned their home page, changing from a left-hand, vertical navigation scheme to a top-of-the-page, horizontal one. They even created a page that highlights their new changes. Interestingly, the designers didn’t change (or haven’t yet changed) the interior pages of the site, driving consistency-minded designers nuts everywhere. GuiStyle ┊ 领个性设计文化,秀桌面美化时尚. Colors on the Web - Color Theory for web designers - color combi.

Free Website Icons: : Current style in web design. Cre8d design. 视觉中国-数字艺术-数码媒体-创意产业-中国领先的数字创意产业门户. 国内优秀设计师联盟站点. 缔吧:Dreamweaver暨Web技术站 - 首页. Untitled. Fubon. The Two Tales. CSS layouts: liquid, fluid, elastic, flexible, jello... One clean HTML markup, many layouts... xhtml.ru has a copy of this article in Russian It is this thread (title: "one template to rule them all") on the CSS-Discuss List that initiated this article. The original post included a link to a document that contained a set of images representing different layouts, the question was:"Is it possible to have one HTML file, and style these pages this way only with CSS?

". So here we go... The (X)HTML markup: Dynamic HTML Central - The ultimate place to find DHTML scripts, IE版 图像处理工具. FreeImage ActiveX Control. ClockLink.com. 24 ways. Listible! Quick way to get resources. PNG Behavior (WebFX) Introduction This behavior adds support for the most powerful raster graphic format available to Internet Explorer.

PNG Behavior (WebFX)

It is of course our all beloved PNG format I am talking about. This format can have an 8 bit alpha channel which allows the images to be semi transparent. Transparency allows images to have antialiased edges and this makes the images look more professional. Implementation The secret behind this implementation is a filter introduced in IE55 that is called AlphaImageLoader. See MSDN for a complete reference. Notice that the true source is put in the src property of the filter and a blank image is used as the src attribute for the image. Behavior Now we need to create the behavior that handles all this behind the scenes.

Below is the complete source for the behavior. Usage The usage is really simple. Remarks Notice that the behavior uses an image named "blank.gif". IE PNG Fix - TwinHelix. This script adds near-native PNG support with alpha opacity to IE 5.5 and 6.

IE PNG Fix - TwinHelix

Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). PNG in Internet Explorer: How to Use. Home | The Problem | The Solution | How To Use | More Info The JS code can be seen if you do a "View Source" on the Solution page.

PNG in Internet Explorer: How to Use

There are two ways to use it - simple copy & paste or the JS include file method. Note that you must have height and width attributes specified for each image. Other attributes (class, alt, title & style) are optional so far as this routine is concerned, but are respected if specified. There is also an imagemap version if you want to use imagemaps and/or form input images and a rollover version which enables the use of transparent PNGs in rollovers.

Resources For Web Design. Computer Programming Algorithms Directory. Email Newsletter and List Management Software for Web Designers. Open Source Web Design - Download and upload free web designs. Open Web Design - Home /\^/\ Web Services标准、规范.