Results 1 to 6 of 6

Thread: Flexible design of Web pages

  1. #1
    Join Date
    Feb 2010
    Posts
    766

    Flexible design of Web pages

    From a fixed pixel-based design approach to flexible, the relative design method is not easy. However, if properly used, it can be to enhance affinity and ease of use of a natural selection, while not required to make design sacrifices. A pixel is a computer screen cannot be scaling point, but the size of an em is a word in the box. Because the changes in font size, em on behalf of users prefer the relative size of the text unit. To understand the flexibility to design, we must first look at a seemingly unrelated problem - the size of the specified text in several ways. So for better understanding the flexibility issue of the web page design I need help.

  2. #2
    Join Date
    May 2008
    Posts
    2,134

    Re: Flexible design of Web pages

    Obviously the text is the most easy to implement flexible design. Be able to set the preferred size of the text is the user of the most common expectations, and thus can not be ignored.
    Affinity refers to is not just about blind and screen reader. Many others, though not blind, but there are visually impaired - you and I get older it will become their member. Make the site more user-friendly has become one of the most simple way is to allow the user to change the text size; refuse to provide such a choice would deprive the user's initiative is likely to make the user can not comfortably read.
    If designers use pixels as a unit the size of the specified text, the majority of users will not zoom the text, because to change the text size in Internet Explorer and other browsers in different ways. Mozilla and Opera you can zoom the text has been set pixel size, while the Windows, the IE cannot.

  3. #3
    Join Date
    Apr 2008
    Posts
    2,277

    You must consider em Problems

    Em seems to be the relative size of the settings for text units, the browser default text height is 16 pixels, for most designers is too big, and not to their liking. To use em, designers typically set the initial size of the text is less than 1em.
    For example:
    Code:
    body (font-size: 0.8em;) 
    h1 (font-size: 2em;)
    p (font-size: 1em;)
    May seem feasible, but there is a problem - if you will be in the IE "text size" set to "smaller" or "minimum", the text will be small enough to be difficult to read. Because IE so popular, em does not seem a viable option.
    Last edited by Jackson2; 09-03-2010 at 01:21 AM.

  4. #4
    Join Date
    Apr 2008
    Posts
    2,276

    Re: Flexible design of Web pages

    Scaling of pixels with no affinity to the problem posed by the fighting, many authors on their web page using a Reserve Stylesheet The technology is available through a link on the page to switch.
    This approach is certainly good, but if the text size and relative measures used together, the effect will be better. Cannot expect users are familiar with your specific interface, the user generally more familiar with the browser interface, and if they want to see a bigger font, more inclined to use the browser to achieve, rather than using your interface. And they also hope that this approach useful in various websites and does not want to visit a Web site has changed each time.

  5. #5
    Join Date
    May 2008
    Posts
    2,792

    CSS Keywords

    Font-size keywords (xx-small, medium, x-large, Etc.) seems is the answer. In IE, when the user selects "large" or "maximum" when the text becomes large, choose the "lesser" or "minimum" the words become smaller, until the appropriate size. With other flexible design methods, the benefits of using keywords is that when pairs of text zooming, never make the actual pixel size of the text below a certain value, so regardless of the user how to select the text size, should have a good read

  6. #6
    Join Date
    Apr 2008
    Posts
    2,572

    Re: Flexible design of Web pages

    For the designer, the font is more difficult than the elasticity of the relative layout is complete - If you use em to set the size of the layout of things easier.
    Let Layout Flexible, so that changes as users Text Automatically adjust the size, it seems to be some redundant or unnecessary. But since you let the text can be flexible, so let the layout of the text also will be inclusive and flexible is also a matter of course.
    In addition, if the user selects a larger font, then the space around it would have followed a proportionate increase, maintaining a "designer" choice of ratio, easy to read the article.
    Another benefit of such a program could have been avoided do not want to wrap the text. If a narrow column width in pixels to define, when the larger text of which may disrupt the entire layout. The size of the ratio of words to specify the column width can avoid this problem.

Similar Threads

  1. How to use flexible tablet for research?
    By Kalpak in forum Portable Devices
    Replies: 6
    Last Post: 24-06-2011, 09:35 PM
  2. How to design small ads in web pages
    By GracieSingh in forum Technology & Internet
    Replies: 5
    Last Post: 24-03-2010, 11:54 PM
  3. Is PowerBuilder flexible with .NET
    By Aashirya in forum Software Development
    Replies: 4
    Last Post: 05-02-2010, 02:16 AM
  4. Features of Flexible TreeView
    By michaels in forum Windows Software
    Replies: 5
    Last Post: 22-01-2010, 05:32 AM
  5. About flexible eBook reader
    By garfield1 in forum Technology & Internet
    Replies: 3
    Last Post: 20-08-2009, 05:25 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,713,449,210.88893 seconds with 17 queries