Blogs, online journals and in general the 90% of the content management system, use XHTML output as markup language. Both strict and transitional version.

Often people choose to embed youtube videos in their websiste. To avoid the annoing cut & paste of the embed code given by youtube, I choose to code a simple script to replace a proprierty tag, whit the embed code.

This little piece of code, allow me to write a simple line, containing the pseudo tag youtube and a video's permalink inside and show the embeded video without copy and paste the relative code.

In the first versione of the script I just used the youtube embed code model. But the code generated using the original youtube code, is NOT HTML valid. So I decide to rewrite it more carefull, and make it XHTML valid.

Using PHP, the result is a simple mono-line script.

$result = preg_replace('#\[youtube\]http://www.youtube.com/watch\?v=(.*?)\[/youtube\]#i', '<object type="application/x-shockwave-flash" style="width:450px; height:366px;" data="http://www.youtube.com/v/\\1"><param name="movie" value="http://www.youtube.com/v/\\1" /><param name="wmode" value="transparent" /></object>',$testo)

Where $testo is the pattern to check.

Tags: Youtube, XHTML, Valid XHTML, PHP

Just a quick information about the XML Google mobile sitemap. The standard format will be upgradet early. The new XML Google mobile sitemap specifications are available here.

Using the new format, it must be update che number versione declaration and use the new tag

<mobile:mobile/>

For any <loc> reference. The <priority> tag is not mentioned by the new format. By the way it must be considered optional at all. Infact it give just a suggestion to Google for the content's priority. It can be different by the priority calculed by google bot.

The tag <lastmod> should be used in the right way. Expecially for really dinamic contents, like in example, a blog or online journal front page.

A little example of the new Google XML mobile sitemap:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.google.com/schemas/sitemap/0.84"
        xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0">
 <url>
  <loc>http://www.davidonzo.com/?mobile=1</loc>
  <lastmod>2008-09-12</lastmod>
  <mobile:mobile/>
 </url>

 <url>
  <loc>http://www.davidonzo.com/?post=890&mobile=1</loc>
  <lastmod>2008-09-11</lastmod>
  <mobile:mobile/>
 </url>

 <url>
  <loc>http://www.davidonzo.com/?post=889&mobile=1</loc>
  <lastmod>2008-09-10</lastmod>
  <mobile:mobile/>
 </url>

 <url>
  <loc>http://www.davidonzo.com/?post=888&mobile=1</loc>
  <lastmod>2008-09-09</lastmod>
  <mobile:mobile/>
 </url>
</urlset>

The changes is required in a few days. Remember, sitemap malformed will be NOT indexed by google. So, be careful and rapid!

Tags: Sitemap, XML Sitemap, Google, Mobile, Mobile Sitemap, Mobile XML Sitemap

The GD library released by the ubuntu team and available in their repository, is not compiled with all options. The imagerotate() function doesn't work at all.

In this case you have two possibilities. Download the sources from the GD official web site and compile it on your own, or use the following function.

<?
// $src_img - a GD image resource
// $angle - degrees to rotate clockwise, in degrees
// returns a GD image resource
// USAGE:
// $im = imagecreatefrompng('test.png');
// $im = imagerotate($im, 15);
// header('Content-type: image/png');
// imagepng($im);
function imageRotateBicubic($src_img, $angle, $bicubic=false) {
  
    // convert degrees to radians
    $angle = $angle + 180;
    $angle = deg2rad($angle);
  
    $src_x = imagesx($src_img);
    $src_y = imagesy($src_img);
  
    $center_x = floor($src_x/2);
    $center_y = floor($src_y/2);
  
    $rotate = imagecreatetruecolor($src_x, $src_y);
    imagealphablending($rotate, false);
    imagesavealpha($rotate, true);

    $cosangle = cos($angle);
    $sinangle = sin($angle);
  
    for ($y = 0; $y < $src_y; $y++) {
      for ($x = 0; $x < $src_x; $x++) {
    // rotate...
    $old_x = (($center_x-$x) * $cosangle + ($center_y-$y) * $sinangle)
      + $center_x;
    $old_y = (($center_y-$y) * $cosangle - ($center_x-$x) * $sinangle)
      + $center_y;
  
    if ( $old_x >= 0 && $old_x < $src_x
         && $old_y >= 0 && $old_y < $src_y ) {
      if ($bicubic == true) {
        $sY  = $old_y + 1;
        $siY  = $old_y;
        $siY2 = $old_y - 1;
        $sX  = $old_x + 1;
        $siX  = $old_x;
        $siX2 = $old_x - 1;
      
        $c1 = imagecolorsforindex($src_img, imagecolorat($src_img, $siX, $siY2));
        $c2 = imagecolorsforindex($src_img, imagecolorat($src_img, $siX, $siY));
        $c3 = imagecolorsforindex($src_img, imagecolorat($src_img, $siX2, $siY2));
        $c4 = imagecolorsforindex($src_img, imagecolorat($src_img, $siX2, $siY));
      
        $r = ($c1['red']  + $c2['red']  + $c3['red']  + $c4['red']  ) << 14;
        $g = ($c1['green'] + $c2['green'] + $c3['green'] + $c4['green']) << 6;
        $b = ($c1['blue']  + $c2['blue']  + $c3['blue']  + $c4['blue'] ) >> 2;
        $a = ($c1['alpha']  + $c2['alpha']  + $c3['alpha']  + $c4['alpha'] ) >> 2;
        $color = imagecolorallocatealpha($src_img, $r,$g,$b,$a);
      } else {
        $color = imagecolorat($src_img, $old_x, $old_y);
      }
    } else {
          // this line sets the background colour
      $color = imagecolorallocatealpha($src_img, 255, 255, 255, 127);
    }
    imagesetpixel($rotate, $x, $y, $color);
      }
    }
    return $rotate;
}
?>

This function has been taken by the official man page of the imagerotate php funciont.

Tags: PHP, gd, imagerotate

If you are using WordPress as CMS and you want to post something not really appropriate to childrens and young boy, you should find this plugin very usefull.

What can I do?

Inappropriate Content allow you to moderate the content of specifics posts. It show a confirmation form where is asked to the client, to confirm his age and his will to read the post.

Using the control panel you'll be able to:

• Enable / Disable the plugin. This option is internal to the plugin and indipendent by the global activation you turn on by the wordpress's plugins control panel.
• Choose the input button text.
• Choose the relative label.
• Choose some text before the form.
• Choose some text after the form.

How can I moderate the content post?

To apply the content moderation, just insert a new custom field to the post, using as key VM, and give it the value 1.

By this way any user won't read the content post if before he doesn't confirm his will to read it. After the confirmation, all moderated posts will be showed to the blog visitor for 24h.

The plugin use the cookies just to identify users has confirmed the form in the last 24h. Clients that brows without cookies enabled will see the post after the confirmation submit, but they will confirm using the form any page refresh.

How To Install

Download the zip archive, decompress it and copy the file inappropriate_content.php into your wp-content/plugins folder. Join your WP control panel and activete it as any other WP plugin. Go to the options page to configure it.

License

GNU/LGPL.

Tags: WordPress, Plugin, Inappropriate Content

If you read in your server log a strange user agent: "Morfeus Fucking Scanner" you have to know that it's a bot who scan PHP server application to find some vulnerability.

At the moment, the relative IP scanned this server is located in Spain, but reading old logs, it means many connection has been provide from USA.

Here all works fine. No vulnerability have been found on this server (ATM :-) ). My blogging software has no several bugs! Or just I hope so ;-) .

If you are running Apache like web server, you can easly block Morfeus by three .htaccess lines

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^Morfeus
RewriteRule ^.*$ - [F]

And, bye bye Morfeus ;-)

Tags: Morfeus Fucking Scanner, web

Languages:

• PHP
• Python
• ROR
• Perl
• Java
• JavaScript
• AJAX
• DOM
• HTML
• XHTML
• XML
• CSS
• MySQL

Softwares:

• VIM

And he will say you VI is too old for him...

Tags:

Since some time, Intesa Sanpaolo - tha main financial group in Italy and one of the most important in Europe - launch his new web site. Realased using a 2.0 styling concept. AJAX integrations and generic JavaScript to provide nice effects and modern browsing experence by the users.

I thought to read the markup and others main thing to take some personal valutation in order to post my impression about the new portal.

Well, I just release that too many people think "2.0" means only AJAX stuff like visual loader, text appearing using decreasing opacity and some nice toogle tool applied to the menus.

I think web 2.0 should be "more accessibility and ease in the content fruition using modern tecniques that MUST be NOT exclusive".

Just one think about the Intesa Sanpaolo web site: try to disable JavaScript by the browser's options. Join the website and... DAMNS! The website is totally unsurfable!

I hope they don't manage our money like their supplier selection...

Tags: Intesa Sanpaolo, 2.0, Web

IlSilente ask me to do this tutorial (thi info maybe not true :P). We just explate how to create a reflection effect using The Gimp. Now let's see how to create a 2.0 button using the best open source (and not only) image editor.

First of all we heve to define what a 2.0 button is (almost in our concept). A 2.0 button is an image with 3D effect simulation and rounded corners. Have you a different idea? Maybe you are right, but this is my obsession :)

How To Procede

Open The GIMP and create a new image with transparent background and the dimension you prefere. By the "Select" menu, click on "Select All" (or type CTRL+A). By the same menu, click on "Rounded Rectangle" and apply it using the prefered ratio. I used the default value (50%).

The result should be something like this:

Using our prefer color, apply a background to the new selection.

Now create a new rounded selection (using the same ratio). It must be smaller than the first one and positioned at the top.

To this new selection, apply the gradient tool selecting the white color as SB and mantaining the previous FB. Drag the mouse from the bottom side of the selection to top.

Et voila! Add some text if you want. The final result is something like the image you can see at the begin of this post ;)

Tags: The Gimp

90 Day Tania

Tags: 90 Day Tania

Do you love 2.0 style reflection? Somebody tell you, photoshop is needed to do it? Nothing true! Use The Gimp (the best open source image creator).

Let's see hot to do it.

Ho to procede

Create a new image using the prefered dimensions e background color. Past the image to reflect as new layer, or use the text tool to write your desire text (using Gimp any new text added is a new layer).

Don't forget to show the Layers tab, selecting it by the Dialogs menu.

Select the target layer and click on "Copy Layer" . Select the new layer (rename it if you want) and click on menu Layers >> Transform >> Rip Vertical.

Using the "Move" tool, drag the layer until the heightest side touch the bottom side of the parent layer. See the example below:

Now, always selecting the transformed layer, add a layer mask clicking right on it. Choose the first option in the dialog below.

Select as main color:

• Black for the FB (#000000)
• Withe for the SB (#ffffff)

Use the gradient tool  with the FB to SB option selected and drag a line from bottom to up to apply it. Make differents test to get the best result. At the end you'll have something similar to the first image of the post.

Tags: The Gimp