Showing posts with label web-design. Show all posts
Showing posts with label web-design. Show all posts

Friday, November 14, 2008

Bounce Rate

Bounce rate is the percentage of single page visits. If a visitor arrive at any page of a site and exits (either closes the browser or visits another website) without visiting any other page of the same site.

For example
64 pages were viewed a total of 477 visitors (i.e. Visit only a single page of a site).
(Single page visit / total page visits) * 100 = Bounce Rate
(64 / 477) * 100 = 67.73%

Importance of reducing bounce rate:
  1. Visitors Time on the Page to be increased (i.e. visitors will stay longer in the site) and
  2. Conversion rates will improve.
Determine Bounce Rate:

You can determine it by using Google Analytics tool
  1. Go to Content -> Top Content.
  2. Now you can view the Bounce Rate column (it shows bounce rate for particular page).


To reduce bounce rate:

No hard and fast rule to reduce bounce rate.
  1. Increase the overall feel of that particular page.
  2. Look at the navigational structure.
  3. Take care when you assign a heading to the page or article and it should be more appropriate to the content because visitors are reading your headline and calling it off.
  4. Show the high bounce pages to your friends/colleagues. Ask them what they find annoying. Listen to them carefully - implement it and see if there is a change in bounce rate.

Monday, November 10, 2008

css property text-shadow

H3 { text-shadow: #6374AB 20px -12px 2px; }

As you see text-shadow accepts four values:

1. The color of the text-shadow (#6374AB)

2. The X-coordinate of the text-shadow (20px), relative to the text

3. The Y-coordinate of the text-shadow (-12px), relative to the text

4. The blur radius of the text-shadow (2px), which means the amount of space the shadowtext is ’stretched’, causing a blur effect. 0 means: no blur. Don’t set this value too high, the shadowtext quickly becomes illegible.

The Main Drawback of above css will work only for safari browser.

To work with ie browser Filter and height are 2 properties added with the above heading tag.

h3 { text-shadow: #6374AB 20px -12px 2px; filter: Shadow(Color=#6374AB, Direction=135, Strength=5); height: 1em; font-size:24px; }

10 things you should know about Microsoft Expression Web

1: Expression Web replaces FrontPage in Microsoft’s lineup, but it fits into a different slot

2: Unlike FrontPage, Expression Web purposely generates standard, valid HTML and CSS by default

3: Expression Web is competent of working with ASP.NET files, but it can’t work with the code-behind files

4: The rest of the Expression suite covers the view that Expression Web doesn’t

5: Like FrontPage, Expression Web provides a good number of tools for reporting against the site that you’re working on

6: One sign of the former Office integration is the use of the spell checker, something which will most likely never appear in Visual Studio

7: Expression Web contains three important and useful validators

8: If you want the functionality of the Master Page system without using ASP.NET, Expression Web has a Dynamic Web Template system

9: Expression Web hooks into the Microsoft Script Editor, which provides debugging tools for client-side scripting

10: Microsoft is currently offering a 60 day free trial of Expression Web

Saturday, October 25, 2008

CSSViewer



CSS Viewer is a great little tool that provides you with all of the CSS for an element
by simply hovering over it. It shows details about the fonts, colours, backgrounds, sizings and positionings of each element and is a great tool to learn CSS with, For Programmer and debuggers it would have helped a lot.

Download: https://addons.mozilla.org/en-US/firefox/addon/2104