Archive for the ‘Web Design’ Category

Popup window with parameters

Sunday, September 13th, 2009

If a new window is created by an user action, it will not be blocked by the browser’s popup blocker.

The dimensions (width & height) of the popup window are required, the other parameters are optional:

  • left & top :  the distance from the top and left side of the screen
  • toolbar :  if the popup should have a set of navigation buttons across the top
  • location :  if the popup should have a location bar where the URL is displayed
  • directories :  if the popup should have a row across the top with buttons to popular web sites
  • status : if the popup should have a status bar across the bottom
  • menubar : if the popup should have a menu
  • scrollbars : if the popup should have scroll bars
  • resizable : if users can resize the popup
  • dependent : if the popup should close when its opener window closes
  • full screen : how to open a full screen popup

The popup script has the following format:

window.open(href, windowname,

width=400,height=200,scrollbars=yes’);

An example is given below:

Web Design : em versus pixel

Friday, August 14th, 2009

Because of the wide range of settings and equipment that people might be using to access the web, there is no “best font size”. Font sizes should be specified using relative units like percentage or em since these will allow the user to adjust font sizes up or down to suit their own requirements.

With CSS you can specify font size as a percentage of the font size of a parent element. For example, headings are inside the body of the page. If you don’t set a size for the text in the body, the text of the body will be the size that the reader has chosen as their default size. An ‘em’ is equal to the computed value of the ‘font-size’ property of the element on which it is based. The exception is when an ‘em’ occurs in the value of the ‘font-size’ property itself, in which case it refers to the font size of the parent element. It may be used for vertical or horizontal measurement.

A default font size of 16 pixels is used for the body if the browsers are configured as follows :

  • Internet Explorer, choose View>Text Size>Medium
  • Opera, choose View>Zoom>100%
  • Firefox, choose View>Text Size>Normal

Some web designers recommend to set the font size in the body to 10 pixels (63%) to allow easier calculations of the em-values (in this case 1.4 em gives a font size of 14 pixels). In the case of embedding elements, this gives no real advantage for the calculations.

The following table shows the relations between pixels and em’s for different font-sizes, based on a default font size of 16 pixels = 1.0 em.

font-size pixels em
xx-small 9 0,56
x-small 10 0,63
small 13 0,81
medium 16 1,0
large 18 1,13
x-large 24 1,5
xx-large 32 2,0

Lorem Ipsum

Tuesday, August 11th, 2009
Lorem Ipsum

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters. More informations about Lorem Ipsum and an online generator are available at the lipsum.com website.