BMP to JPEG

http://www.phpro.org/examples/Convert-BMP-to-JPG.html

add watermark in PHP

<?php

/**

* Put logo on low right jpeg image

* used stefan’s script for position

**/

$logo_file = “watermark.png”;

$image_file = “img.jpg”;

$targetfile = “img3.jpg”;

$photo = imagecreatefromjpeg($image_file);

$fotoW = imagesx($photo);

$fotoH = imagesy($photo);

$logoImage = imagecreatefrompng($logo_file);

$logoW = imagesx($logoImage);

$logoH = imagesy($logoImage);

$photoFrame = imagecreatetruecolor($fotoW,$fotoH);

$dest_x = $fotoW – $logoW;

$dest_y = $fotoH – $logoH;

imagecopyresampled($photoFrame, $photo, 0, 0, 0, 0, $fotoW, $fotoH, $fotoW, $fotoH);

imagecopy($photoFrame, $logoImage, $dest_x, $dest_y, 0, 0, $logoW, $logoH);

imagejpeg($photoFrame, $targetfile);

echo ‘<img src=”‘.$targetfile.'” />’;

?>

UTF-8 and Big5 / GB convention

To convent the utf-8 to big-5 , simply use this to do it , but it is better to use utf-8 to do a page !

$str1=iconv(“UTF-8″,”big5”,$str1);

Data visualization

In this informative of years , we are given more and more informations from web.

However, how we digest this big amount of data? The Data visualization is a method/Skills to represent the data . Which given the user  that more easy to understanding and digest the data effective .

And I had find a website which is talking about the 16 good example that using data visualization

 http://mashable.com/2007/05/15/16-awesome-data-visualization-tools/

Web banner design tips

Nowadays , web banner is the most income of the website. It given the advantages of doing promotions for your new products or new announcement .  And a good banner will give you a better income with your web site.

Here is the article talking more or less on how to design a good banner for your website.

such as

1. Nothing beats a good eye-catching punch line
When thinking of the copy for a banner; you need to spend a lot of time in creating a catchy phrase, something that will arouse the interest of the viewers and entice them to click on the banner. The punch line should be a small phrase, just a few words and should be visually appealing (correct usage of colors and fonts).

2. Good copy
A successful banner has excellent copy. Be sure to spend ample time thinking about what would interest the surfer. Another rule of thumb for good copy is to keep it short and simple. The text should support the banner punch line and should be informative and practical, making the viewer curious or bringing out a smile. Preferably, the copy should end with the same catchy phrase as on your web site unless the banner punch line is the same.

Eyetracking Study of Web Readers

http://www.useit.com/alertbox/20000514.html

http://www.useit.com/eyetracking/ 

This article is taking about how a content that make users receive the most information when reading the websites, and some research result

For example

Keep Headlines Simple and Direct

also , there is a research that showing how the users read the content

Areas where users looked the most are colored red; the yellow areas indicate fewer fixations, followed by the least-viewed blue areas. Gray areas didn’t attract any fixations.

Faster Page Loads – Bundle Your CSS and Javascript

http://www.sitepoint.com/blogs/2007/04/10/faster-page-loads-bundle-your-css-and-javascript/

This article is to analysis which part of the website are need more time to load,

we can make use of this data , to reduce the loading time to our website

10-difficult-Client requests

http://www.ideasonideas.com/2007/10/disarm-10-difficult-requests

As a web designer , the most difficult part isn’t develop a web site ,the most difficult is how to met the client’s requirement. Even you have done the whole project , and following the W3C guild lines. The user also can give you some non- predict comment and ask you to develop the web sites. This web site define 10 -most common requests of the clients .And given the best solution to duel with this kinds of difficulties.

Web Design Practices

This week , I have read on a web site at

http://www.webdesignpractices.com/

This website have given the statistic and analysis the current trends of the information positioning. Also the presentation type , label format that make a less experience web designer to know the current trend of web design .Which is made the user feel the web easy to use and feel constancy that compare with another website.

H ere is some case of study from the website.
Search function

The Search function allows users to enter keywords and operators (and, or, not) into a text field and find information that matches the search criteria entered. Data below is from 75 leading e-commerce sites, collected in May, 2002. [sites examined]

Frequency of Search 93% of sites in the sample provided a global Search function.

Option to Search an Particular Area of a Site

27% of sites providing Search provided the option to narrow the search to a subsection of the site. This was most commonly provided by having a drop-down menu adjacent to the search field, which was variously positioned left, right, below, or above the text field:

37%	Drop-down left
26%	Drop-down right
11%	Drop-down below
11%	Drop-down above
11%	List of subsearch options each with a separate “Go” button
5%	Radio buttons below
	[view subsearch examples]

This is a very useful tools that given a view statistic for new web designer.

Optimal web design

This week , I have read an article about the “Optimal web design” on

http://psychology.wichita.edu/optimalweb/ .

The article is talking more or less on different key points in optimal web design , which is

1. How should information be positioned in a typical website
2. What is the best way to arrange menus.
3. How should text be presented within a website
4. How can I reduce the major user annoyances on my site

and More…

This useful article give me a guideline for how to positioning the menu , content .Which give user have best absorb the content of the website. And enhance the rate of the return visitors.

and some bad usage of the web design such as frame.