180
edits
Webdev:Web Design Best Practices: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
* Navigation should be text-based and scale well for potentially very long link text | * Navigation should be text-based and scale well for potentially very long link text | ||
* Whenever possible, try to spec your text using typefaces that are commonly available, and make sure you design doesn't blow up if a different font face is chosen (see above - if you are designing for variable lengths correctly this shouldn't be an issue) | * Whenever possible, try to spec your text using typefaces that are commonly available, and make sure you design doesn't blow up if a different font face is chosen (see above - if you are designing for variable lengths correctly this shouldn't be an issue) | ||
* Don't use variable, non-repeating backgrounds behind content elements that need to scale | |||
** If the design requires a non-repeating background, make sure at least one section can be stretched or repeated | |||
* Provide alternate typefaces for user agents to fallback on is desired | * Provide alternate typefaces for user agents to fallback on is desired | ||
* If you must use rounded corners or some other enclosing graphic device, provide a layered version that shows these areas with expanded content so that the developer has resources for background graphics | * If you must use rounded corners or some other enclosing graphic device, provide a layered version that shows these areas with expanded content so that the developer has resources for background graphics | ||
* Photoshop documents must be fully layered (all elements should be on separate, labeled layers to make selection and isolation easier) | |||
== Resources and other links == | == Resources and other links == | ||
* '''Book recommendation''' [http://www.flexiblewebbook.com/ Flexible Web Design] - highly recommended | * '''Book recommendation''' [http://www.flexiblewebbook.com/ Flexible Web Design] - highly recommended | ||