Oct 22

Herramienta para Convertir Estilos CSS a Etiquetas en Línea

CSS, Herramientas Sin comentarios »

Definir estilos se puede hacer de dos formas. La primera y más usada es mediante un archivo externo, que en el HTML se incluye y adopta todas sus especificaciones. La segunda, no recomendable y poco usada, es definirlo en la misma etiqueta que queremos formatear mediante el atributo style; este modo se enuncia como etiquetas en línea.

Ahora bien, ¿nunca debemos utilizar CSS con etiquetas en línea? La respuesta es si; hay casos en los que las definiciones de CSS mediante archivos externos no funciona, y es necesario hacer uso de las etiquetas en línea. Tal es el caso de los email: Hotmail, Gmail, y otros proveedores de mails no toleran en un 100% las hojas externas de estilos en cascada (CSS).

Vía webintenta me encuentro con una pequeña herramienta que, luego de proporcionarle un trozo de CSS y HTML separados, es capaz de devolvernos lo mismo, pero con etiquetas en linea.

Veamos como funciona con un simple ejemplo; nosotros le pasamos el siguiente código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Probando CSS en línea</title>
<style type="text/css">
body {
margin: 25px 25px;
font-family: verdana, tahoma;
font-size: 10px;
color: #333333;
background: #ffffff;
}
p {
margin: 11px 5px 3px 11px;
line-height: 1.5em;
text-align: justify;
}
p#biggens {
font-size: 75pt;
}
p.tinyred {
text-align: center;
text-weight: bold;
color: red;
font-size: 9px;
}
</style>
</head>
<body>
<p>Parrafo clásico</p>
<p id="biggens">Esto sale muy grande</p>
<p class="tinyred">Rojo y chico</p>
</body>
</html>

La herramienta nos devolverá:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Probando CSS en l&Atilde;&shy;nea</title></head>
<body style="margin: 25px 25px;font-family: verdana, tahoma;font-size: 10px;color: #333333;background: #ffffff">
<p style="margin: 11px 5px 3px 11px;line-height: 1.5em;text-align: justify">Parrafo cl&Atilde;&iexcl;sico</p>
<p style="margin: 11px 5px 3px 11px;line-height: 1.5em;text-align: justify;font-size: 75pt">Esto sale muy grande</p>
<p style="margin: 11px 5px 3px 11px;line-height: 1.5em;text-align: justify;text-align: center;text-weight: bold;color: red;font-size: 9px">Rojo y chico</p>
</body>
</html>

Enlace: csstoinline

Oct 18

Prueba la Velocidad de Carga de Tus Páginas

Herramientas Sin comentarios »

La velocidad de carga de una página es muy importante para que los usuarios de la misma se sientan conformes y se eviten problemas. Incluso escuché decir, que se puede perder un 30% de los visitantes cuando nuestra página tiene un alto tiempo de carga.

En Self SEO existe una herramienta que nos sirve para realizar pruebas de velocidad de hasta 10 sitios al mismo tiempo.

Por cada sitio que ingresemos nos devolverá valores como: tamaño, tiempo de carga y promedio de tiempo por unidad de tamaño (en KB).

En la parte superior de la página aparece una afirmación diciendo que si el tiempo de carga supera los 8 segundos, estaríamos perdiendo 1/3 de las visitas.

Enlace: Web Site Speed Test

Oct 18

WP-Offline: Leyendo tu Blog Sin Conexión con Gears

Plugins Sin comentarios »

WP-Offline, como ya deben imaginarse, es un plugin para Wordpress que, una vez activo, ofrece a nuestros lectores leer el blog sin conexión (utilizando Google Gears).

Además de subirlo en el directorio de plugins de WordPress y activarlo, debemos añadir en nuestro tema el siguiente código: “<div id="wp-off"></div>” (son comillas).

Una vez funcionando, debería aparecer un pequeño panel, similar al que se encuentra aquí debajo:

WP-Offline

Enlace: WP-Offline
Vía: carrero

Oct 18

Outbrain: Añadir Rating a los Artículos de Nuestro Blog

Plugins Sin comentarios »

Outbrain es un plugin para WordPress diseñado para añadir de forma fácil y rápida un sistema de rating (con estrellas) en cualquier blog gestionado por Wordpress, Blogger y TypePad.

Agregándolo a la carpeta de plugins y activándolo ya aparecerá en cada posteo un pequeño panel con 5 estrellas donde los visitantes podrán valorar cada posteo.

El plugin está en ingles, pero esperemos que pronto saquen su versión para español y otros idiomas.

Outbrain

Enlace: Plugin, Autor

Oct 18

52 Juegos Gratis para Celulares

Varios 119 Comentarios »

En tecnobita me encuentro con un link de descarga a un pack de juegos totalmente gratuitos para celulares con pantalla de 128 x 160 píxeles (justo la medida del mío).

El pack contiene 52 juegos, desarrollados con Java (casi todos los celulares tienen soporte para Java) entre los que se destacan:

  • Age of Empires
  • Need For Speed: Underground, Most Wanted y Carbono.
  • FIFA: Street y 2007
  • Pool 3D

Todos los juegos: 3D AeroMission, 3D Asphalt Urban GT, 3D Burning Tires, 3D Counter Sricker, 3D Crash winsanity, 3D Formula GP Racing, 3D Penalty, 3D Pool Dreams, 3D RallyEvolution, 3D Real Football 2007, 3D StarWars - Death Star Assault, 3D Tenchu Ayame’s Tale, Age Of Empires Deluxe, CocaCola Soccer, Constantine, Crash N Burn Turbo, Derek 2007, FIFA 2007, FIFA Street 2, Football Party, Gangstar - Crime city, Ghost Recon 2, GuitarHero - Legend Get On Stage!, Hitman - Blood Money Vegas, Miami Nights - Single in the City, Miami Vice, StreetFighterAlphaMaximumBlow, Tortarugas Ninjas, Transformers 3, Zelda Death Mountain.

El pack fue colocado por tecnobita en MediaFire, un servicio gratuito de alojamiento online; esperemos que dure en línea mucho tiempo.

Enlace: Descargar el Pack (250 juegos)

Oct 18

Los Mejores Traductores Online

Listas 4 Comentarios »

Utilizar traductores para sacar una palabra que teníamos en la punta de la lengua, alguna frase que no comprendemos del todo o textos completos; se está haciendo hoy en día algo muy común y rutinario. Hace algunos años, los diferentes programas traductores tenían una pésima calidad, y no es para menos, traducir, mediante un software, es muy complicado. Hoy en día, gracias a internet y trabajos en conjuntos se pueden lograr sistemas traductores que funcionan dentro de todo bastante bien.

A continuación un pequeño listado con los servicios de traducción online que utilizo diariamente:

AjaxTrans

Vamos por el más simple; AjaxTrans está basado en AJAX a varios idiomas. Al ir a su página principal nos encontramos con 2 cuadros. El primero es en donde vamos a ir escribiendo lo que queremos traducir; y el segundo donde se irá escribiendo la traducción.

Especial para conseguir el significado de una palabra de forma rápida; no tan potente para textos completos.

AjaxTrans

Idiomas: English to Spanish, English to German, English to French, English to Italian, English to Portuguese, English to Chinese, English to Japanese, English to Korean, English to Russian, English to Greek, English to Dutch, Spanish to English, Spanish to French, German to English, German to French, French to English, French to Spanish, French to German, French to Italian, French to Portuguese, French to Greek, French to Dutch, Italian to English, Italian to French, Portuguese to English, Portuguese to French, Chinese to English, Japanese to English, Korean to English, Russian to English, Greek to English, Greek to French, Dutch to English, Dutch to French.

Enlace: AjaxTrans

Google Translate

Es de Google, es bueno. Ideal para frases completas, textos relativamente largos. Tiene un sistema de feedback, donde ofrece a los usuarios a proponer mejores traducciones; logrando así que el sistema de traducción mejore continua y rápidamente. Tiene además, la opción de Translate a Web Page, permitiéndonos navegar por la web en nuestro idioma, sin importar el de las páginas que visitemos.

Google Translate

Idiomas: Arabic to English BETA, Chinese to English BETA, Chinese (Simplified to Traditional) BETA, Chinese (Traditional to Simplified) BETA, English to Chinese (Simplified) BETA, English to Chinese (Traditional) BETA, English to French, English to German, English to Italian, English to Japanese BETA, English to Korean BETA, English to Portuguese, English to Russian BETA, English to Spanish, French to English, French to German, German to English, German to French, Italian to English, Japanese to English BETA, Korean to English BETA, Portuguese to English, Russian to English BETA, Spanish to English.

Enlace:Google Translate

Altavista: Babel Fish

De la mano de Babel Fish, Altavista también proporciona el servicio de traducción a varios idiomas online. Realizando algunas pruebas funcionó realmente muy bien. Como el de Google, también ofrece la posibilidad de traducir páginas webs completas.

Altavista: Babel Fish

Idiomas: chino simplificado a inglés, chino tradicional a inglés, Inglés a chino simplificado, Inglés a chino tradicional, Inglés a neerlandés, inglés a francés, inglés a alemán, Inglés a griego, inglés a italiano, inglés a japonés, inglés a coreano, inglés a portugués, Inglés a ruso, inglés a español, Neerlandés a inglés, Neerlandés a francés, francés a inglés, francés a alemán, Francés a griego, Francés a italiano, Francés a portugués, Francés a neerlandés, Francés a español, alemán a inglés, alemán a francés, Griego a inglés, Griego a francés, ititaliano a inglés, Italiano a francés, japonés a inglés, kocoreano a inglés, portugués a inglés, Portugués a francés, ruso a inglés, español a inglés, Español a francés.

Enlace: Altavista: Babel Fish

Yahoo! Babel Fish

Yahoo! no podía quedarse atrás, y también se tomó de la mano de Babel Fish para ofrecer su propio servicio de traducciones en línea. En la parte inferior ofrece 3 trucos para una mejor traducción lo cual puede ayudar a novatos; y creo que el límite de 150 caracteres es demasiado restrictivo.

Yahoo: Babel Fish

Idiomas: Español a inglés, Español a francés, Inglés a español, Inglés a chino trad., Inglés a neerlandés, Inglés a francés, Inglés a alemán, Inglés a griego, Inglés a italiano, Inglés a japonés, Inglés a coreano, Inglés a portugués, Inglés a ruso, Inglés a chino simp., Portugués a inglés, Portugués a francés, Italiano a inglés, Italiano a francés, Neerlandés a inglés, Neerlandés a francés, Francés a neerlandés, Francés a inglés, Francés a alemán, Francés a griego, Francés a italiano, Francés a portugués, Francés a español, Alemán a inglés, Alemán a francés, Griego a inglés, Griego a francés, Japonés a inglés, Coreano a inglés, Ruso a inglés, Chino simp. a inglés, Chino simplificado a chino tradicional, Chino trad. a inglés, Chinese-trad to Chinese-simp

Enlace: Yahoo: Babel Fish

¿Con cuál quedarse?

Desde mi experiencia y punto de vista, me quedaría con 2.

El primero AjaxTrans, para traducción de unas pocas palabras es más que suficiente, y nos saca del paso sin necesidad de hacer ningún clic.

El segundo, Google Translate; lo probé durante horas, traduciendo textos para un proyecto, y si bien no es una traducción excelente, se la podría catalogar como buena. Hay que destacar que no pareciera tener límites de caracteres. Muy bueno.

Oct 17

Kiwee: Emoticones, Giños y Avatares Gratis para MSN Messenger

Recursos 8 Comentarios »

Kiwe9 es un sitio donde podremos encontrar muchos recursos para decorar nuestro MSN Messenger en cualquiera de sus versiones. Tiene fondos, emoticones, avatares y guiños disponibles para la descarga totalmente gratis.

El sitio se encuentra en inglés, pero con las siguientes “traducciones” seguramente no tendremos problemas para entender de que se trata cada opción del menú:

  • Backgrounds: fondos.
  • Emoticons: caritas.
  • Winks: guiños.
  • Display Pics: avatares (la clásica imagen para mostrar).

Kiwee

¿Cómo descargarlos? Elegimos lo que queremos (avatar, guiños, caritas, etc.), y nos aparecerá un listado con todas las opciones disponibles. Allí escogemos la que queremos y hacemos clic sobre ella. Ahora nos aparecera una ventana invitándonos a registrarnos; aquí podemos registrarnos o simplemente hacer clic en el botón Close que se encuentra arriba a la derecha. Luego aparecerá una ventana para descargar un archivo ejecutable (exe), el cual debemos aceptar y ejecutar con el MSN abierto.

Automáticamente se agregará a nuestro MSN lo que elegimos, listo para utilizarlo.

Enlace: Kiwee

Oct 17

Hablando de CGI: La Interfaz Común de Pasarela

Cultura, Hablando Sin comentarios »

Antes de introducirnos de lleno a lo que es CGI, de qué se trata, debemos tener en claro dos conceptos:

  • Página estática: una página estática generalmente tendrá como formato HTML, y será aquella que al ser solicitada al servidor web, éste no hace más que entregarla tal y como está, sin modificarle nada. Hoy en día ya casi no se utilizan este tipo de páginas, pero en los comienzos de la W3 era lo único que existia.
  • Página dinámica: son armadas en el servidor web. Para ello se utilizan programas y lenguajes específicos, capaces de dar como resultado un HTML que luego se le entregará al cliente que la solicitó.

Con estos conceptos ya conocidos, veamos qué es CGI.

Como se dijo, cuando un servidor recibe una solicitud de una página dinámica, éste
le pasa la bola (con parámetros si así se requiere) a un programa externo. Dicho programa puede estar escrito en cualquier lenguaje (que el servidor soporte); normalmente son lenguajes interpretados (no es necesario compilaciones previas y son mucho más portables).

CGI define un estándar para transferir datos entre el navegador web y un programa externo. Volviendo al ejemplo de solicitud de una página web, CGI debe pasarle los datos al programa de algun modo; existen dos métodos: GET y POST, cada uno tiene sus características, pero aquí no hablaremos de ello. Una vez que pasó los parámetros, se procederá a la ejecución del script.

Como resultado de esta ejecución, se obtiene un objeto MIME, el cual define de que tipo de resultado estamos hablando (generalmente, documentos HTML). Éste objeto es capturado entonces por el servidor web (por la llamada salida estándar), y entregado al que realizó la solicitud.

Todas estas cosas suceden cada vez que uno de nosotros solicita una página web; nada complicado de entender.

Adentrándonos ahora un poco en el proceso de intercambio de información, veamos algunas de las variables de entornos que entran en juego:

  • REQUEST_METHOD: puede ser GET o POST.
  • QUERY_STRING: sólo tiene valores cuando se utiliza el método GET. Está compuesta por parejas como Variable1=Valor, concatenadas con &. Aquí, algunos caracteres (como acentos) son reemplazados por otros.
  • PATH_INFO: el nombre nos dice todo; es la dirección de la solicitud realizada por el cliente (URL).
  • SCRIPT_NAME: nombre del script invocado.
  • SERVER_PORT: puerto por donde se recibió la petición.
  • SERVER_PROTOCOL: nombre y versión del protocolo utilizado (ejemplo: HTTP/1.0 o 1.1).

Ya terminando, existen otras versiones por así llamarlas de CGI. Una de ellas es FastCGI, dónde se busca darle mayor velocidad a la ejecución de scripts creando un único proceso para múltiples peticiones y no uno por cada una como lo hace CGI. Otra, es SCGI, de la que no se mucho asique prefiero sólo nombrarla (si se quiere más información acerca de ésto, recomiendo leer aquí).

Oct 17

Enlaces Varios: 17-10-07

Enlaces Sin comentarios »
  • Evaluación del rendimiento de algunos CMS: Drupal 5.2, Habari 0.2DR, NucleusCMS 3.24, Serendipity 1.2, Textpattern 4.0.5, WordPress 2.3. Vía.
  • Generar los mejores títulos y descripciones en WordPress. Ver.
  • En ifacethoughts publican un pequeño listado de fuentes totalmente gratuitas.
  • ¿Quieres invitaciones para 8apps? entregeeks está repartiéndolas gratuitamente.
  • ¿Cómo cobrar el dinero que tenemos en Paypal? Leer más.
  • Extensiones para Dreamweaver
  • En Todo Links permiten descargar PHPMaker 5.0.0.9; interesante programa para optimizar tiempos en desarrollos con PHP y MySQL.
Oct 17

IP2Location: Conocer la Ubicación Geográfica de Una IP

Herramientas, Internet Sin comentarios »

Recientemente, carlosleopoldo publicó un artículo que nos explica paso a paso como conocer la ubicación geográfica de cualquier contacto de MSN.

Allí me encontré a IP2Location, una herramienta que no conocía capaz de establecer la ubicación geográfica de una IP que le proporcionemos.

Para utilizarla no creo que se necesiten muchas explicaciones, lo único para tomar nota: podemos hacer consultas de varias IP al mismo tiempo separándolas por un espacio.

Una vez que consultamos nos aparecerá una pequeña tabla con: IP Address, Country, Region, City, Latitude/Longitude, ZIP Code, Time Zone, Net Speed, ISP y Domain.

IP2Location

La imagen anterior fueron los resultados que arrojó al ingresar mi IP. Como se puede ver, en la derecha tenemos un botón “Map It”, al hacer clic allí nos aparecerá debajo de la tabla un pequeño mapa con un punto rojo indicando la ubicación de la IP.

Muy buena ésta herramienta, y más aún si la combinamos con técnicas para conseguir IP’s de contactos del MSN, o cualquier otra comunidad.

Mapa

Por último, IP2Location nos ofrece un pequeño código para embeber un pequeño banner en nuestra web, donde los usuarios podrán tener un acceso más directo a la consulta de ubicaciones geográficas de una determinada IP.

Enlace: IP2Location

Anterior Siguiente
Wordpress Themes by Windows XP Hardware
Copyright © 2007 daniBlog. All rights reserved.