La nueva versión - 1.8.31.0 es algo mas agresiva ya que entre otras cosas quita el fondo de escritorio, dejándolo en negro. Aunque el usuario establezca un nuevo fondo, cada 60 minutos volverá a negro hasta que la copia de Windows sea original.

También hay una notificación que se queda al lado de la barra de tareas simulando una marca al agua (watermark) que no es interactiva.
El aviso parece que siempre está en inglés.

Para validar la copia hay que seguir estos sencillos pasos:

· Descargar este archivo y extraerlo
· Ejecutar instalar.bat
· Reiniciar el ordenador

Para mas información puede consultar el artículo anterior.

Animator vs Animation 2:

Nada está perdido si se tiene el valor de proclamar que todo está perdido y hay que empezar de nuevo.

Julio Cortázar (1914-1984) - Escritor argentino.

Fuente: http://southpark.wtdmusic.com/

Comprimiendo el CSS además ahorra ancho de banda especialmente en sitios donde hay más de 1.000 líneas de código.

Hay varias páginas donde podrás comprimir el archivo CSS, pero el problema puede ser el mantenimiento del archivo después.

Para optimizarlo principalmente hay dos opciones:
• comprimir el archivo CSS simplemente
• crear un script PHP que comprima el archivo cada vez que es solicitado

Cada opción tiene su ventaja e inconveniente.
El script PHP tiene la ventaja de que es muy fácil mantener el archivo CSS para hacer modificaciones, pero cada vez que se cargue la pagina el servidor tendrá que servir el código PHP.
Yo como no suelo modificar el archivo CSS muy a menudo he optado por hacerlo estático - he comprimido el código CSS y lo he subido directamente al servidor.

1. Ambas opciones son bastante simples y eficaces, especialmente la primera.
Para comprimir el archivo CSS he probado varios “servicios” web y finalmente me he
decidido por Ice CSS Compressor.

El resultado es asombroso:
• Tamaño original: 10.65 kB (10,910 B)
• Tamaño final: 5.48 kB (5,608 B)
• Ahorrado: 5.18 kB (5,302 B)
• Reducción: 48.6%

2. La segunda opción es un poco más compleja - además de PHP requiere utilizar el archivo .htaccess.

Así es como funciona:
• El navegador el usuario pide la hoja de estilo (archivo CSS) como siempre
• El servidor comprime la hoja de estilo utilizando PHP
• La hoja de estilo es servida al navegador

Todo esto pasa completamente desapercibido para el usuario.
Además tiene la ventaja de que no hay que modificar el código CSS original.

Primero hay que añadir este código al principio del archivo CSS:

<?php
  header('Content-type: text/css');
  ob_start("compress");
  function compress($buffer) {
    // quita comentarios
    $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', 
      $buffer);
    // quita tabuladores, espacios, nuevas lineas, etc.
    $buffer = str_replace(array("\r\n", "\r", "\n", "\t",
       '  ', '    ', '    '), '',  $buffer);
    return $buffer;
}
?>

La primera línea informa al navegador de que esto es una hoja de estilos CSS.
La función de comprimir es utilizada para quitar los comentarios y los espacios.
Finalmente, el CSS comprimido es mandado al navegador.

Al final del archivo CSS hay que añadir esta línea:

<?php ob_end_flush();?>

Es para que el script sepa hasta donde tiene que colectar en el buffer la información que tiene que comprimir.

El último paso es necesario para seguir manteniendo la extensión CSS del archivo.
Hay que modificar (o crear) el archivo .htacces y añadir un SetHandler que sirve para procesar otras extensiones como PHP:

<Files style.css>
  SetHandler application/x-httpd-php 
</Files>

Puedes descargar desde aquí ambos archivos para utilizarlos directamente.

Antes mi archivo CSS pesaba 10.6 KB (10.910 bytes).
Ahora después de comprimirlo tiene casi la mitad del tamaño 5,47 KB (5.608 bytes).

Nota: las hojas de estilo de los blogs tienen un encabezado para la identificación donde están los detalles como el nombre, el creador, la pagina web…
Se puede añadir después de comprimir el archivo para mantener la información aunque funciona perfectamente sin.

Cuando subimos un vídeo WMV, AVI, MOV o MPG a Youtube, se redimensiona de forma automática a la resolución 320×240 y es codificado en Flash 7 a unos 250 kbps con el audio mono en MP3 a 22.050 KHz.
Esto hace que muchas veces la calidad sea pobre e insatisfactoria.

Por ahora la solución es añadir un parámetro en el enlace.
El vídeo milagrosamente se verá con una calidad diferente.

Estas son las dos opciones que tenemos:
• &fmt=6 -> vídeo con mayor calidad - resolución de 448×336 píxeles
• &fmt=18 -> la mejor opción ya que el formato del vídeo es MP4 (codificado con H.264 y AAC) - resolución de 480×360 píxeles y audio estéreo a 44.100 KHz.

Aquí un ejemplo:
Vídeo normal:

Vídeo mayor calidad:

Vídeo mejor calidad:

También ahora en el perfil de Youtube hay una nueva opción para poder seleccionar la calidad de reproducción de los vídeos:

Youtube -> Account -> Video Playback Quality

En teoría esto debería funcionar así:
• detectar la conexión a Internet y reproducir el vídeo a una calidad acorde a la línea
• reproducir el vídeo a baja calidad - Internet lento
• reproducir el vídeo a alta calidad - Internet rápido

Para utilizar este pequeño truco basta con modificar la dirección del vídeo añadiendo la cadena correspondiente.

El feed RSS es un sencillo formato de datos que es utilizado para redifundir contenidos a suscriptores de un sitio web. El formato permite distribuir contenido sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS (agregador). A pesar de eso, es posible utilizar el mismo navegador para ver los contenidos RSS. Las últimas versiones de los principales navegadores permiten leer los RSS sin necesidad de software adicional.

Base de datos
El primer paso será crear la base de datos y añadir los datos. Si nuestra página ya utiliza algún tipo de base de datos para guardar los artículos no será necesario crear otra base de datos ni tampoco hacer cambios.
Básicamente necesitaremos estos campos en la tabla:
• id - no es obligatorio pero siempre me gusta que las tablas estén numeradas
• categoria - categoría o tag del articulo (nos permitirá organizar mejor)
• titulo - título que veremos en el RSS
• resumen - un breve resumen del articulo (si ponemos el texto entero, el usuario no tendrá interés de visitar nuestra página)
• fecha - fecha del articulo para la organización (los más nuevos son los primeros)
• enlace - enlace a la pagina del articulo completo

Esta sería la estructura SQL para facilitar un poco el proceso:

CREATE TABLE `articulos` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `categoria` TEXT NOT NULL,
  `titulo` TEXT NOT NULL,
  `resumen` TEXT NOT NULL,
  `fecha` DATE NOT NULL,
  `enlace` TEXT NOT NULL,
  UNIQUE KEY `id` (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

Código PHP

Lo primero será abrir un archivo RSS (.xml / .rss):

$fp = fopen('index.xml', 'w');

El siguiente paso es escribir la cabecera en el archivo index.xml (esta información suele ser estática):

$rand = "\n";
fwrite($fp, '<?xml version="1.0" encoding="UTF-8"?>' .$rand);
fwrite($fp, '<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">' .$rand);
fwrite($fp, '<channel>' .$rand);
fwrite($fp, '<title>Bujorel' .$dirname. '</title>' .$rand);
fwrite($fp, '<description>Bj - El blog de un limonero</description>' .$rand);
fwrite($fp, '<link>http://www.bujorel.net' .$dirname. '/</link>' .$rand);
fwrite($fp, '<language>es-sp</language>' .$rand);
fwrite($fp, '<copyright>Copyright ' .date('Y'). ' Bujorel.net</copyright>' .$rand .$rand);

Ahora es el turno de la base de datos (información que se actualiza continuamente).
Realiza la conexión a la base de datos:

$db=mysql_connect('localhost','usuario','contraseña');
    mysql_select_db('base_de_datos',$db);

Crea la consulta (query):

$category = substr(dirname($_SERVER['PHP_SELF']), 1);
    if ($category != '') {
   	$dirname = dirname($_SERVER['PHP_SELF']);
       }
    if (! $dirname) { 
	$sql = "SELECT id,categoria,titulo,resumen,fecha,enlace FROM articulos ORDER BY fecha DESC";    
       } else {   
	$sql = "SELECT * FROM articulos WHERE categoria='$categoria' ORDER BY fecha DESC";    
       }   
$result = mysql_query($sql) or die('No se ha podido realizar la consulta.');

Extrae la información:

while ($row = mysql_fetch_array($result)) {
$id        = $row['id'];
$categoria = strip_tags($row['categoria']);
$titulo    = htmlentities(strip_tags($row['titulo']), ENT_QUOTES);
$resumen   = htmlentities(strip_tags($row['resumen']), ENT_QUOTES);
$fecha     = $row['fecha'];
$enlace    = $row['enlace'];

Y después escribe la información (contenido BBDD) en el archivo index.xml:

fwrite($fp, '<item>' .$rand);
fwrite($fp, '<title>' .$titulo. '</title>' .$rand);
fwrite($fp, '<description>' .$resumen. '</description>' .$rand);
fwrite($fp, '<category>![CDATA[' .$categoria. ']]</category>' .$rand);
fwrite($fp, '<link>' .$enlace. '</link>' .$rand);
fwrite($fp, '<pubDate>' .date('D, d M Y H:i:s O', strtotime($fecha)). '</pubDate>' .$rand);
fwrite($fp, '</item>' .$rand .$rand);}

Finalmente escribe el “pie de página” (footer) del archivo index.xml:

fwrite($fp, '</channel>' .$rand);
fwrite($fp, '</rss>');

Cierra el archivo:

fclose($fp);

Y termina mostrando un mensaje:

print ('Creado Feed RSS.');

Resultado final:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

<?php
 
$fp = fopen('index.xml', 'w');
 
$rand = "\n";
fwrite($fp, '<?xml version="1.0" encoding="UTF-8"?>' .$rand);
fwrite($fp, '<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">' .$rand);
fwrite($fp, '<channel>' .$rand);
fwrite($fp, '<title>Bujorel' .$dirname. '</title>' .$rand);
fwrite($fp, '<description>Bj - El blog de un limonero</description>' .$rand);
fwrite($fp, '<link>http://www.bujorel.net' .$dirname. '/</link>' .$rand);
fwrite($fp, '<language>es-sp</language>' .$rand);
fwrite($fp, '<copyright>Copyright ' .date('Y'). ' Bujorel.net</copyright>' .$rand .$rand);
 
$db=mysql_connect('localhost','usuario','contraseña');
mysql_select_db('base_de_datos',$db);
 
$category = substr(dirname($_SERVER['PHP_SELF']), 1);
    if ($category != '') {
   	$dirname = dirname($_SERVER['PHP_SELF']);
       }
    if (! $dirname) { 
	$sql = "SELECT id,categoria,titulo,resumen,fecha,enlace FROM articulos ORDER BY fecha DESC";    
       } else {   
	$sql = "SELECT * FROM articulos WHERE categoria='$categoria' ORDER BY fecha DESC";    
       }   
$result = mysql_query($sql) or die('No se ha podido realizar la consulta.');
 
while ($row = mysql_fetch_array($result)) {
$id        = $row['id'];
$categoria = strip_tags($row['categoria']);
$titulo    = htmlentities(strip_tags($row['titulo']), ENT_QUOTES);
$resumen   = htmlentities(strip_tags($row['resumen']), ENT_QUOTES);
$fecha     = $row['fecha'];
$enlace    = $row['enlace']
 
fwrite($fp, '<item>' .$rand);
fwrite($fp, '<title>' .$titulo. '</title>' .$rand);
fwrite($fp, '<description>' .$resumen. '</description>' .$rand);
fwrite($fp, '<category>![CDATA[' .$categoria. ']]</category>' .$rand);
fwrite($fp, '<link>' .$enlace. '</link>' .$rand);
fwrite($fp, '<pubDate>' .date('D, d M Y H:i:s O', strtotime($fecha)). '</pubDate>' .$rand);
fwrite($fp, '</item>' .$rand .$rand);}
 
fwrite($fp, '</channel>' .$rand);
fwrite($fp, '</rss>');
 
fclose($fp);
 
print ('Creado Feed RSS.');
 
?>

Ahora para utilizar esto si tenemos una página que no actualizamos muy a menudo o tenemos que actualizar la base de datos de forma manual podemos simplemente abrir el archivo php creado cuando hace falta actualizar el feed.
Pero si tenemos una página que escribe en la base de datos directamente y la actualizamos más a menudo podemos poner este código HTML:

<a href="index.xml" title="XML" onmouseover="parent.location='index-xml.php';">   
 <img src="images/icon-xml.gif" class="icon-xml" alt="XML"/>   
</a>

Cada vez que pasemos el ratón por encima del enlace se ejecutara el archivo
index-xml.php (nuestro archivo) que actualizara el feed RSS.

Ejemplos (mostrando una imagen en HTML):
Imagen en nuestro servidor:

<img src="imagen.jpg" height="320" width="240" />

Imagen en servidor ajeno (hotlinking):

<img src="http://www.sitio.com/imagen.jpg" height="320" width="240"/>

En el primer ejemplo la imagen siempre es cargada desde el servidor que sirve la pagina, pero en el segundo ejemplo, cada vez que nuestra página carga, la imagen es cargada desde el servidor externo que usa su ancho de banda para mostrar la imagen.

Se puede evitar el hotlinking utilizando el archivo .htaccess. Este archivo está disponible solamente en servidores Apache sobre Linux. El punto delantero (.) significa que el archivo es oculto.

Ejemplo: La dirección de tu página es www.mipagina.com. Para evitar el hotlinking a tus imágenes desde otros sitios y mostrar una imagen llamada nohotlink.jpe que está en la carpeta imagenes, pon este código en el archivo .htaccess:

1
2
3
4

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?mipagina\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /imagenes/nohotlink.jpe [L]

La primera línea empieza a reescribir las opciones en Apache.
La segunda línea verifica las coincidencias desde la propia página (mipagina.com).
El código [NC] significa “No Case“, haciendo que no importe si esta en minúsculas o mayúsculas la dirección.
La tercera línea es para permitir las referencias directas (poner directamente el link en la barra de dirección - sin referencias de otras páginas).
Finalmente la última línea sirve para las extensiones de los archivos jpeg, jpg, gif, bmp, png. Estas son reemplazadas por la imagen nohotlink.jpg que está en la carpeta imagenes. Esta imagen JPEG utiliza la extensión jpe y no jpg para evitar ser también bloqueada.

Para evitar el hotlinking solamente desde unos dominios específicos, como digg.com, myspace.com y blogspot.com, pero permitirlo para cualquier otro, utiliza este código:

1
2
3
4
5

RewriteEngine On
RewriteCond %{HTTP_REFERER} ^http://(.+\.)?digg\.com/ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://(.+\.)?myspace\.com/ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://(.+\.)?blogspot\.com/ [NC]
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /imagenes/nohotlink.jpe [L]

Puedes añadir tantos dominios como quieras. Cada línea RewriteCond debe acabar con [NC,OR]. [NC] (No Case) significa que ignore las diferencias entre minúsculas y mayúsculas. [OR] “Or Next” significa que pase a la siguiente línea buscando coincidencias. El último dominio omite el uso de OR para dejar de seguir buscando coincidencias.

Si no quieres poner una imagen puedes redireccionar a una página web o mostrar una página de error 403 Forbidden. Cambia la última línea con esta:

RewriteRule .*\.(jpe?g|gif|bmp|png)$ - [F]

Si tenemos cPanel es bastante simple hacer esto, porque en Security tiene una opción para configurar la protección contra el hotlinking; si no, podemos utilizar este asistente web que nos permite configurar las opciones y nos genera el código.