free sitemap creator.
en el sitio http://www.xml-sitemaps.com/
podemos ingresar la url de nuestro sitio y nos devuelve sin costo alguno nuestro sitemap en xml validado y podemos descargarlo comprimido o no, como ror o html
lo probe con MeetBuilder.com y funciona bastante bien y sobre todo rapido
una vez descargado en el formato que nos guste resta subirlo a nuestro sitio y ya podemos ir a nuestra cuenta de webmasters de google.
create Iphone Themes
Si tenemos instalado SummerBoard en el Iphone podemos crear nuestros propios temas.
Para crear temas nuevos tenemos que crear una carpeta con el nombre que queramos llamar a nuestro nuevo Theme
despues pondremos dentro de la carpeta las imagenes respectivas a cada elemento
Wallpaper:
tiene que ser un .png sin alpha de 320 x 480 y hay que nombrarla como Wallpaper.png
Barra de estado:
para la barra de estado creamos un png de 320 x 20 tambien sin alpha y la nombramos como Statusbar.png
MiniDock :
hacemos una imagen png de 320 x 37 con canal alpha y la nombramos Minidock.png
Dock:
hacemos un png de 320 x 91 con canal alpha y la nombramos Dock.png
Iconos:
para los iconos creamos una nueva carpeta dentro de la que contiene a nuestro tema y la llamamos Icons
ponemos dentro de esta nuestros iconos que tienen que tener 59 x 60, en formato .png y con canal alpha
Photos.png
Una vez que tenemos nuestro tema terminado pasamos al telefono la carpeta completa dentro de:
/var/root/Library/SummerBoard/Themes/
reiniciamos el iphone y ahora desde el SummerBoard podemos seleccionarlo
Se viene la MacWorld 2008
se realizara en el Moscone Center en san Francisco desde el 14 al 18 de enero
Macworld Conference & Expo
Conference: January 14 – 18, 2008
Expo: January 15 – 18, 2008
West & South Hall, Moscone Center
San Francisco, CA
estan los rumores de la presentacion de un nuevo Dock Station, la nueva slim macbook, un iphone 3G, Xcode para iphone, actualizaciones para Apple TV, Nuevas Macbook,etc.
Veremos que nos trae el tio Steve en esta Keynote 
Google Charts API
google lanzo una nueva API para la generacion de graficos en desarrollos.
funciona de manera remota donde solo basta enviarle los parametros que necesitemos para nuestro grafico.
podemos enviarle parametros como colores, dimensiones de nuestro grafico, etiquetas para identificar cada dato y obiamente la informacion a representar en el grafico.
permite que manejemos mediante css la estetica y cuenta con varios formatos de graficos como barras, torta, torta 3D,lineas, etc.
les recomiendo una visita por la guia para desarolladores de google donde esta detallada la forma en que recibe cada tipo de grafico sus parametros y las diferentes formas de customizarlas
http://code.google.com/apis/chart/
dejo un ejemplo en php para que vean el funcionamiento
–codigo–
< ?php
$valor1=100;
$valor2=25;
$valor3=500;
//valores a utilizar podrian ser dinamicos
$grafico = “http://chart.apis.google.com/chart?”; //llamamos a la api de google
$grafico.= “cht=p3″; //tipo de grafico en este caso usamos ‘p3′ para una torta 3D
$grafico.= “&chd=t:”; //valores para el grafico separados por coma
$grafico.= $valor1;
$grafico.= “,”; // separacion (,)
$grafico.= $valor2;
$grafico.= “,”;
$grafico.= $valor3;
$grafico.= “&chs=”; //chart size, dimensiones de nuestro grafico
$grafico.= “350×150″;
$grafico.= “&chl=”; //etiquetas de cada seccion (Labels)
$grafico.= “Dato1|Dato2|Dato3″;
?>
–fin Codigo –
en el html abrimos una etiqueta para image y le incorporamos la variable $grafico
<img src=”<?php echo $grafico; ?>” />
y el resultado es este
Test your web design in different browsers
muchas veces necesitamos chequear nuestro sitios en diferentes navegadores para comprobrar errores en css o ver como toman los hack cada browser de forma diferente.
existe un sitio gratuito que permite seleccionar distintos tipos de navegadores para Mac, Linux, Windows.
el sitio es : http://browsershots.org/
podemos enviar la URL de nuestro diseño y luego de esperar unos minutos el sitio nos muestra diferentes screenshots de como se ve nuestro sitio en los navegadores que seleccionamos.
podemos incluso hacer un download de las pantallas
el sistema funciona con diferentes equipos distribuidos con cada navegador instalado que al recibir nuestra URL abren la direccion , generan una impresion de la pantalla y luego la envian al servidor para que se puedan descargar o ver online.
Para generar una pagina personalizada cuando alguien busca informacion dentro de nuestro sitio que no existe o fue removida podemos crear una tipica pagina de error 404 personalizada donde podemos ofrecer links al cliente para ir a secciones especificas de nuestro sitio como el el home o alguna seccion que nos interese.
lo primero que tenemos que hacer es nuestra pagina donde podemos colocar nuestro logo, poner links si lo deseamos y colocar el mensaje que queremos mostrar cuando este tipo de error ocurra, puede ser:
pagina no encontrada, lo que busca no esta, o algun insulto que se les antoje
una vez creado el html lo guardamos con algun nombre sencillo a recordar en este caso la guardaremos como error404.html
luego con un editor de texto cualquiera vamos a crear un archivo htaccess.txt y escribimos lo siguiente dentro del documento
ErrorDocument 404 http://www.dominioDeMiSitio.com/error404.html
guardamos, subimos por ftp , luego dentro del ftp seleccionamos htaccess.txt lo renombramos a .htaccess
(punto htaccess)
probar y listo 
(Cascading Style Sheets) Hojas de Estilo en Cascada:
Sirve para centralizar en un documento la dispocision y presentacion de los elemento de un archivo HTML o XML.
De esta manera podemos separar el contenido del disenio y realizar ediciones en cada documento q este vinculado a la hoja de estilo (archivo CSS) y contar con un orden mayor al momento de diagramar y diseñar un sitio, junto a la posibilidad de realizar cambios mas rapido q editando documento por documento.
en un documento CSS podemos colocar las especificaciones y estilo de cada elemento que incluyamos en el documento HTML.
podemos crear elementos como DIVS aplicar clases de estilos propios o podemos designar algun disenio espefico a las etiquetas propias de HTML.
ELEMENTOS
DIVS
un div vendria a representar un espacio por nosotros generados (un contenedor) actulamente se utiliza para reemplazar a las tablas de html para secciones donde no se inluyen datos tabulares.
La principal diferencia que tenemos en este tipo de elemento con respecto a las etiquetas propias de HTML y las Clases, es q unicamente podemos incluir el div q nosotros generamos una unica vez por documento HTML.
para crearlos se coloca el nombre del div que queremos generar anteponiendo el simbolo numeral# y luego entre LLaves {} podemos colocar las propiedas q queremos otorgales a ese DIV (elemento), la forma de colocar las propiedades es colocacando el nombre de la popiedad seguidop por dos puntos (:) y luego los valores, terminado con punto y coma (;)
Ejemplo:
#miDiv {propiedad : valorDeLaPropiedad;}
Luego de crear nuestro documento CSS devemos vincularlo al documento HTML donde queremos incluir los estilos y elementos creados en nuestra hoja de estilos.
para vincularlo debemos insrtar entras las etiquetas <Head> y </head> la vinculacion de la siguiente manera.
<link href=”miHojaDeEstilos.css” rel=”stylesheet” type=”text/css” />
una vez vinculada Nuestra Hoja de estilos podemos incluir en div por nosotros creados de la siguiente manera.
dentra del cuerpo del documento HTML donde queremos incluir nuestro DIV colocamos las siguientes etiquetas.
<div id=”miDiv”> contenido para mi div </div>
CLASES:
Las clases se genran de la misma manera que un div con la diferencia que el nombre q queremos otorgarle debe comenzar con un punto (.) en vez de comenzar con el simbolo numeral que identifica a los DIVS y podemos reutilizarlo dentro del mismo documento HTML las veces que queramos.
Ejemplo:
.miClase {propiedad : valorDeLaPropiedad; }
ETIQUETAS HTML
para las etiquetas propias de html seguimos con la misma metodologia pero no es necesario que coloquemos ningun simbolo por delante del nombre de la etiqueta:
etiquetaHtml {propiedad : valorDeLaPropiedad; }
COMENTARIOS:
para aplicar comentarios dentro del documento CSS podemos hacerlo de la siguiente Manera.
Ejemplo:
/* mi comentario */
EJEMPLO DIV:
#cabecera{
width:800px; /* ancho de nuestro div */
height:120px; /* alto de nuestro div */
background-image:url(images/fondoCabecera.jpg); /* imagen de fondo de nuestro div */
float:left; /* alineacion de nuestro div */
}
EJEMPLO CLASE:
.miTitulo{
font-family:Arial, Helvetica, sans-serif; /*fuentes para miTitulo */
font-size:12px; /* Tamaño de tipografia para miTitulo */
color:#999999; /* Color para miTitulo */
font-weight:bold; /* para que el texto al q le apliquemos nuestra clase sea Bold */
}
EJEMPLO ETIQUETAS HTML:
h1{
font-family:Arial, Helvetica, sans-serif; /*fuentes para el encabezado 1 */
font-size:16px; /* Tamaño de tipografia para el encabezado 1 */
color:#999999; /* Color para miTitulo */
}
te recominedo una vuelta por aqui asi pruebas un sistema q te genera automaticamente layouts en css y pueden ver como funciona todo esto 