Did you ever want to check a website as it was 1 year ago for example? I do want, because lots of websites that I initially developed were redesigned during the years and it was nice to find my work in the archive.
How it’s working? It’s a search engine that takes a snapshot of every website on a regular basis, normally every month.
Where? At: http://web.archive.org

Lots of people are asking me about MPMCostumes.com. They decided to remake the website with their initial partners, even that with my platform they sold more than 20K USD in a few months. Unfortunately on http://web.archive.org the images and flash animations do not appear, but you still can check it as it was 2 years ago.

Web 2.0 is everywhere, lot of people pretend that they are developing web 2.0 applications, but not all of them succeed. I will not make a review here, but just want to unveil some tools that will help building web 2.0 web sites.

HTML emails….. hmm, not such a good idea.
I am not such a big fan of HTML emails, because I am assaulted by tens of such emails daily, most of them spam ones. And using Microsoft Outlook as email client, it ask me to download (or not) pictures from the server. This could be a bad idea sometimes, because harmful code could be be hidden in image files today (especially GIF files).

I was hired to make a newsletter module for one website and first I started to search how to make this.
The steps are below.

1. Create the HTML page for newsletter.2. Take care to have the CSS and JS embedded in the HTML file and not outside the file.3. Replace the relative location of image files with absolute location. E.g:
if you have:
[code lang=”xml”]
[/code]
you must replace with:
[code lang=”xml”]
[/code]Read the rest of this entry »

Typical formatting of all HTML 4.0 FORM tag has a strange behavior when it contains a table cell inside. A strange vertical space appears after the FORM, even there is no <BR> or something else there.
Here is the a typical behavior:

Nowadays everybody talks about Ajax. To be truly honest, I thought that is something extremely difficult, but it is not.
It is no more than a programming technique (Asynchronous JavaScript and XML) in order to load external info in DIVs, without reloading the whole page (Gmail users probably knows best what I’m talking).

The reason why it was not widely used was that the XMLHttpRequest object is not supported by all browsers. Internet Explorer has his own object called XMLHTTP (as an ActiveX object).
Since all new browsers have this facility, this technology (I think that calling this “Language” is not fair) exploded.

First of all we need to define some javascripts to create the object and handle the request. For this particular example, I used another javascript function to make the request.

//you will call this functionfunction sendRequest(action){//here’s the catch – call an external page
http.open(‘get’, ‘req.php?action=’+action);//wait until the request is completed
http.onreadystatechange = handleResponse;//finalize the request
http.send(null);}

//function that handle response state changesfunction handleResponse(){//fires only the object change to state 4if(http.readyState == 4){//get the text from the external procedurevar response = http.responseText;var update = new Array();

//parse the textif(response.indexOf(‘|’ != -1)){//response should be ‘divID|value"
update = response.split(‘|’);//update the element with the divID with the value
document.getElementById(update[0]).innerHTML = update[1];}}}

</script>

After this we need to call sendRequest function from HTML, just like this:

As you see, this example get the date from an external script (req.php), and return a string with the id of the DIV that will be updated and the value of the DIV, separated by a pipe:
Below is the entire code from req.php. It’s easy, don’t it?

<?//test the action from requestswitch($_REQUEST[‘action’]){case‘currentDateTime’://return the divID and the value separated by a pipeecho"currentDateTime|".date("d/m/Y h:i:s");break;}?>

*You could probably also want to read the second version of this article here

Did you ever want a fancy textbox like this one ?

I’m sorry, but HTML and CSS does not support this kind of appearance. You should use a trick in order to look like this by creating a background with a rounded textbox drawn. Then you should create a html textbox input with no border, smaller than the drawn textbox.
The CSS style for this textbox is the following:

Search

About me.

I am Senior Technologist for Oracle Corp., delivering workshops, presentations and working in projects for EMEA partners. I have a degree in Software Engineering and own OCP DBA, OCP Dev and MCSD certifications.