Abstract
Design has always been an important factor in web site development, partly because appearance is responsible for the first impression. If the design of a web site catches the eye, it is more likely that visitors will become customers or clients. Web typography has recently started to attract attention, especially though proper whitespace handling and the introduction of web fonts. Images that are fundamental parts of web sites should be optimized for web publishing in order to achieve a reasonable quality to file size ratio and minimize download time. Since high-speed Internet connections have become widespread, the need for sharing multimedia content has increased enormously. Until the new elements introduced in HTML5, general objects have been used to embed audio and video content. Although design and multimedia are extremely popular, the basic usability principle should always be kept in mind: functionality over design.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Notes
- 1.
The next standard and de facto standard resolutions such as 1366×768 (FWXGA) are larger than some screen resolutions of modern mobile devices with Internet browsing capabilities, however the typical resolution is constantly growing, and even medium-size tablets usually support 1920×1080 (full HD) or higher resolution. For smaller smartphone or tablet screen resolutions, web sites can also be optimized using alternate style sheets, as discussed earlier in Chapter 5.
- 2.
If the quotation is longer than one line, the blockquote tag should be used instead.
- 3.
The word sans means “without” in French.
- 4.
Although there are tools for converting fonts from one format to another, it is often legally prohibited.
- 5.
This is the reason for their widespread application in books, newspapers, and magazines.
- 6.
SVG was not supported by earlier versions of Internet Explorer, which supported the Vector Markup Language (VML) instead (now obsolete).
- 7.
At a distance of 12 inches from one’s eye, this is the maximum amount of detail the human retina can process (hence the name).
- 8.
There are also other approaches to provide transparency, but for partially transparent photographs, it is the common solution.
- 9.
There is an extension called Animated Portable Network Graphics (APNG) that supports animation. APNG is natively supported by Firefox 3+ and Safari 8+.
- 10.
Similar effects are also supported by CSS3.
- 11.
To avoid patent issues, Firefox has no native MP3 support, and relies on a decoder from the OS.
- 12.
Adobe Flash Player is widely used for streaming video playback on web sites.
- 13.
The method was suggested by Lachlan Hunt.
- 14.
To avoid patent issues, Firefox has no native H.264 support, and relies on a decoder from the OS.
Author information
Authors and Affiliations
Rights and permissions
Copyright information
© 2014 Leslie F. Sikos, Ph.D.
About this chapter
Cite this chapter
Sikos, L.F. (2014). Optimized Appearance. In: Web Standards. Apress, Berkeley, CA. https://doi.org/10.1007/978-1-4842-0883-0_9
Download citation
DOI: https://doi.org/10.1007/978-1-4842-0883-0_9
Published:
Publisher Name: Apress, Berkeley, CA
Print ISBN: 978-1-4842-0884-7
Online ISBN: 978-1-4842-0883-0
eBook Packages: Professional and Applied ComputingProfessional and Applied Computing (R0)Apress Access Books