unijimpe » Tools

Los mejores Clientes FTP gratuitos

unijimpe — Mon, 21 Jun 2010 04:09:12 +0000

Un cliente de FTP (File Transfer Protocol) es una de las herramientas básicas para cualquier desarrollador web, por que nos permite transferir archivos entre el servidor web y nuestro computador local.

Existen herramientas comerciales como CuteFTP que tiene versiones para Windows y Mac o también FlashFXP que cuenta con versión para Windows solamente. Veamos algunas alternativas gratuitas para gestionar nuestros archivos vía FTP.

FileZilla
FileZilla es un proyecto Open Source y es uno de los mejores clientes gratuitos, que además cuenta con versiones para Windows, Linux y Mac OSX. Cuenta con una amplia comunidad de desarrolladores por lo cual tiene amplio soporte y actualizaciones constantes. FileZilla cuenta con todas las opciones de cualquier cliente comercial y con buen rendimiento.

Clientes para Windows

Coffee Free FTP
Este es un cliente interesante que cuenta con una interfaz muy limpia lo cual facilita el proceso de transferencia de archivos. Coffee Free FTP permite utilizar varios perfiles de usuarios y soporte para subir múltiples archivos de manera sencilla con una vista de los archivos que se tiene en el servidor y en local.

GoFTP
GoFTP es otro cliente de FTP que ofrece mayor velocidad, en su web anuncian que es hasta 314% mas rápido que los otros clientes. Cuenta con un explorador de archivos para facilitar la transferencias de archivos, también permite continuar uploads o downloads de archivos que hayan sido detenidos.

Clientes para Mac

Cyberduck
Cyberduck es uno de los mejores clientes FTP para Mac, ademas de ello permite utilizarlo como cliente para WebDAV, Google Docs y Amazon S3. Ademas de ello se puede integrar con la mayoría de editores de código de Mac.

Classic FTP for Mac
Este cliente esta perfectamente integrado con Mac y permite subir y descargar archivos de manera sencilla con un explorador de archivos integrados. Cuenta con todas las funcionalidades necesarias de un cliente FTP.

Clientes Online

net2ftp
net2ftp es un cliente FTP el cual puedes utilizar desde cualquier navegador sin necesidad de instalar ningún programa. Puedes ver todos los archivos que tienes en tu servidor, también puedes subir y descargar los archivos de manera sencilla.

Como pueden ver hay muchas alternativas para poder administrar archivos de nuestro FTP y sobre todo gratuitos.

© 2006 – 2010 unijimpe – Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.

Herramientas Online para trabajar con CSS

unijimpe — Sun, 06 Jun 2010 02:36:05 +0000

Las hojas de estilos nos sirven para dar formato al contenido de nuestra web, el mejor software para editar estilos en Adobe Dreamweaver, pero si no quieres instalar programas adicionales, existen servicios online que permiten editar, optimizar y validar documentos CSS, veamos algunas de estas aplicaciones.

Editar CSS

CSSDesk – Online CSS Sandbox
Esta es ta de las interesantes herramientas que ademas de permitir editar los estilos, permite la previsualización inmediata del resultado, además de ello puede colorear automáticamente el código. Finalmente cuando hayas terminado la edición tiene la opción para descargar el archivo con el resultado de nuestro trabajo.

Online CSS Editor
Esta herramienta permite crear tus CSS en internet y automáticamente previsualizar el resultado, con ello puedes obtener la hoja de estilos que necesitas sin necesidad de ningún software adicional.

Optimizar CSS
Optimizar CSS consiste en utilizar de forma eficiente los selectores así como versiones abreviadas de códigos de colores y de bordes, de esta forma el documento CSS se reducirá en tamaño logrando acelerar la carga de nuestro web.

CSS Formatter and Optimiser
Esta herramienta permite pegar tu código CSS o colocar la ruta a tu archivo CSS, con múltiples opciones de compresión puede optimizar adecuadamente tu archivo CSS. Ofrece un reporte del resultado del proceso indicando que líneas se han modificado y el resultado del mismo.

CSS Compressor
Esta herramienta semejante a la anterior permite optimizar nuestro código, permite subir nuestro archivo directamente, colocar la ruta a nuestro archivo o pegar el código de nuestro CSS. Finalmente obtendremos el resultado del proceso nuestro archivo optimizado.

Formatear CSS
Cuando se optimiza las hojas de estilos se eliminan los saltos de línea y espacios en blanco lo cual lo hacen dificiles de entender y editar, para ello tenemos herramientas que formatearán el código agregando saltos de línea y tabulando el contenido.

Styleneat – CSS Organizer
Esta aplicación permite formatear hojas de estilos que han sido minificadas, puedes pegar el código, subir un archivo o colocar la ruta al archivo. Devuelve el código CSS formateado y resaltado en colores para entender rápidamente la hojas de estilos.

Online CSS beautifier and Indenter
Esta web permite formatear e identar el código CSS rápidamente, aunque no colorea el código es muy eficiente y rápido en el resultado de formatear las hojas de estilos.

Google Font Library – Fuentes para tu Web

unijimpe — Fri, 21 May 2010 04:56:29 +0000

Google Font Library es un servicio recién lanzado por Google que permitirá incluir fuentes o tipografías adicionales a las tradicionales con la cual se puede dar un mejor aspecto a diseño de un website o blog.

Para ello Google aloja en sus servidores fuentes gratuitas las cuales podemos integrar en nuestro web gracias a un API que han creado. Esto hará que podamos incluir tipografías diferentes a las tradicionales (Arial, Verdana, Times, etc.) que nos ayudará a dar un mejor acabado a nuestro web que de otra forma lo haríamos utilizando imágenes o flash.

Utilizar Google Font Library

Lo primero es elegir la fuente para ello pueden ver el listado de fuentes disponibles con todas sus variantes (normal, italic, bold, etc.) en Google Font Directory. Primero cargamos la tipografía utilizando el tag link y luego podemos utilizar la tipografía como si fuera una fuente estandar. Por ejemplo escogemos la fuente 'Lobster' y deseamos aplicarlo a los elementos h1 de nuestra página.

href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
type="text/css">
body {
font-family: 'Lobster', serif;
font-style: italic;
font-size: 24px;
}

Si deseas incluir mas de una fuente debes separar los nombres de las fuentes por el carácter "|" en la ruta, por ejemplo si deseamos utilizar las fuentes Lobster y Cantarell, tendríamos.

http://fonts.googleapis.com/css?family=Lobster|Cantarell

Como pueden ver es sencillo de utilizar y como las fuentes están alojadas en los servidores de Google nos garantizan una excelente velocidad de carga. Para demostrar el funcionamiento de este servicio pueden ver un ejemplo funcionando en google-font donde hemos utilizado dos fuentes diferentes, pueden ver el código fuente para ver como hemos utilizado este servicio.

Font previewer

Para facilitar el uso de esta librería, pueden visitar Font Previewer en donde pueden seleccionar la tipografía, variante, tamaño y demás opciones y tendrán automáticamente generado el código que deben utilizar en su web.

Compatibilidad

Esta librería tiene sus limitaciones y es que solo funciona en las navegadores mas modernos. Los navegadores compatibles con esta librería son:

Google Chrome: versión 4.249.4+
Mozilla Firefox: versión: 3.5+
Apple Safari: versión 3.1+
Microsoft Internet Explorer: versión 6+

Google Font API no es compatible con: iPhone, iPad, iPod, o Android. En el caso de estos dispositivos el browser mostrará la siguiente tipografía en la lista de tipografías de la hoja de estilos.

© 2006 - 2010 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.

Hosting Gratuitos sin Publicidad

unijimpe — Mon, 05 Apr 2010 05:14:12 +0000

El requisito indispensable para empezar con un web o blog es un hosting. Hay muchas opciones de pago, pero si estas aprendiendo o deseas experimentar un hosting gratuito será de mucha ayuda para empezar, ya cuando tengan cierta experiencia o cantidad de visitas darán el paso de mudarse a un hosting de pago.

Les presento una breve lista de hosting gratuitos libres de publicidad y con todas las características necesarias para empezar con su web.

000WebHost

1500 MB de espacio en disco.
100 GB de transferencia mensual.
PHP y MySQL (5 bases de datos).
Acceso mediante FTP.
Administración con cPanel.
Alojamiento de hasta 5 dominios.

110MB Hosting

110 MB de espacio en disco.
100 GB de transferencia mensual.
Soporte de PHP 4 y PHP 5.
Alojamineto hasta 1 dominio.

BlackAppleHost

5 GB de espacio.
20 GB de transferencia mensual.
Máximo 2 dominio.
Administración mediante LayeredPanel.
Soporte de PHP y base de datos MySQL.
1 Cuenta de FTP.

Byet Internet

5500 MB de espacio.
200 GB de transferencia mensual.
Soporte de PHP y Bases de datos MySQL.
Alojamiento hasta de 50 dominios.
Cuentas de FTP e Email.
Administración con VistaPanel

Además estos mismos proveedores ofrecen servicios de hosting pagados con mejores características y mayor soporte a los cuales puedes migrarse fácilmente.

Si conocen algún otro sitio que ofrezca hosting gratuito de calidad pueden compartirlo con nuestros visitantes dejando un comentario con las características del servicio. También si tienen alguna queja sobre estos pueden comentarlo para que otras personas se eviten problemas.

SlimStat: Web Analytics Open Source

unijimpe — Sun, 14 Mar 2010 02:14:24 +0000

SlimStat es un proyecto creado en PHP/MySQL para ofrecer estadísticas de visitas al estilo de Google Analytics el cual podemos instalar y utilizar rápidamente.

Características
SlimStat ofrece múltiples características que lo hacen una excelente alternativa a Google Analytics como la facilidad de instalar, reportes de visitas al momento, interfaz optimizada para iPhone. Además de ello ofrece:

Reporte de Visitas
Reporte de páginas vistas.
Estadísticas de Sistemas Operativos.
Estadísticas de Navegadores
Reporte por Resolución de Pantalla.
Reporte de Países.
Reporte por Referers.

Instalación
Primero debes descargar la ultima versión en Slimstat Download, luego es necesario colocar todo el contenido en una carpeta de publicación web. Luego sigues las instrucciones de instalación. Una vez instalado la aplicación es necesario integrar un código JavaScript en cada página que deseamos seguir las estadísticas.

type="text/javascript" src="/slimstat/?js">

Con esto ya tienes funcionando tu sistema de estadísticas de manera rápida y sencilla. Ahora si eres usuario de WordPress hay un plugin para integrarlo rápidamente llamado WP-SlimStat.

Publicar Feeds en Twitter con Feedburner

unijimpe — Fri, 12 Mar 2010 04:54:37 +0000

Feedburner, el popular servicio de Google para distribuir, analizar y monetizar Feeds pone a disposición una nueva herramienta llamada "Socialize" que permite publicar nuestros posts en Twitter de manera automática y con varias opciones de configuración.

Entonces con esta nueva opción cualquier blog o web que distribuya sus Feeds utilizando Feedburner puede publicar directamente en Twitter con una sencilla configuración.

Activar Socialize
Para activar esta opción, seleccionamos el Feed que deseamos compartir en Twitter, luego accedemos al menú Publicize y luego a la opción Socialize con lo cual llegaremos a la pantalla para configurar como publicar en Twiiter. Tendremos las siguientes opciones:

Select Account permite agregar la cuenta Twitter donde publicar tus feeds.
Post content para seleccionar el contenido del Tweet (Titulo, Titulo y Contenido, Contenido).
Include link para seleccionar si se desea colocar un enlace al post original
Leave room for retweets permite recortar el contenido para faciliar el re-tweet.
Hash tags: incluir hashtags en el tweet
Additional text: permite colocar un texto al inicio del tweet.
Item limit: para limitar la cantidad de tweets pos actualización.
Item order: orden de publicación de los tweets (por defecto por fecha).
Keyword filter: permite filtrar por terminos o categorías.

La publicación de los Tweets se demora alrededor de 30 minutos y los enlaces incluidos son acortados con el servicio goo.gl el cual ofrece estadísticas de visitas de manera semejante a bit.ly.

Mas Información

Disponibles Licencias de Sprytube

unijimpe — Mon, 23 Nov 2009 17:19:38 +0000

Sprytube, es un script creado en PHP que te permitirá tener tu propio sistema para buscar, reproducir y descargar vídeos de Youtube. La instalación es muy sencilla y tiene la facilidad para adaptar el diseño a tus propias necesidades pues tienes absoluto control del HTML, CSS y scripts PHP.

Características

Búsqueda de vídeos directamente en Youtube.
Reproducir vídeos Youtube utilizando un Player Personalizado.
Descarga de vídeos integrada (FLV, 3GP, MP4).
HTML con áreas reservadas para publicidad.
Puedes personalizar completamente el HTML.
API completo con los datos de los vídeos que se pueden extraer.
Optimizado para buscadores (Title, description, Keywords).
URL amigables utilizando MOD_REWRITE.
Uso de robots.txt para prevenir indexación innecesaria.
Soporte de Sitemaps para registrarlo en Google WebMaster Tools.
Facilidad para incluir archivos de seguimiento.

Requerimientos
Para el correcto funcionamiento de Sprytube necesitas tener la configuración adecuada en tu servidor:

PHP 4.2 o superior
Soporte para cURL
Soporte de Zend Optimizer
Soporte de .htaccess
Dominio para alojar el Script

Demo
Para ver el sistema funcionando con todas su características puedes visitar:
http://sprytube.unijimpe.net/demo/

Comprar Sprytube
Ahora puedes adquirir Sprytube e instalarlo rápidamente en tu servidor para ofrecer valor añadido a tu web. Al comprar una licencia de Sprytube podrás descargar todo el script e instalarlo en un dominio por tiempo ilimitado y tendrás acceso a las actualizaciones del script.

Para mayor información visita: http://sprytube.unijimpe.net

Optimiza JavaScript con Closure Tools

unijimpe — Sat, 14 Nov 2009 21:20:52 +0000

Closure Tools es un conjunto de herramientas desarrolladas por Google para optimizar y depurar javascript para desarrollar aplicaciones web potentes y eficientes .

Closure Tools esta compuesto por:

Closure Compiler una herramienta para minimizar o compactar los archivos Javascript.
Closure Inspector que es un plugin para Firebug que permite depurar código javascript compactado
Closure Library una librería JS al estilo de Mootools o jQuery
Closure Templates es un sistema para crear dinámicamente templates html e interfaces de usuario reutilizables.

Closure Compiler
De entre estas utilidades la que mas uso tiene a mi parecer es Closure Compiler para la aceleración de carga de nuestros archivos JS. Hay varias formas de utilizarlo, la primera es una versión online, para ello pueden acceder a http://closure-compiler.appspot.com/ en donde colocamos el código fuente original, primero verificará que no presente ningún error y luego generará la versión minificada.

También podemos descargar la aplicación en un archivo compiler.jar el cual podemos ejecutar el línea de comandos para minificar rápidamente los archivos Javascript.

Una ves descargado el archivo compiler.jar y si tienes un archivo llamado functions.js podemos compactarlo con los siguiente comandos el cual devolverá un archivo llamado function-min.js.

java -jar compiler.jar --js functions.js --js_output_file functions-min.js

Como pueden ver es muy sencillo de utilizar y podemos optimizar el tamaño de nuestros archivos JS el cual es un punto muy importante para acelerar la carga de nuestras webs.

Convertir Archivos PDF a Word Online

unijimpe — Wed, 21 Oct 2009 04:37:51 +0000

El formato PDF es ampliamente utilizado para distribuir documentos, pero este formato no permite manipular el contenido si es que no tienes instalado Adobe Acrobat, para ello les presentamos una forma de convertirlos al formato Word que puede ser abierto por Microsoft Office, OpenOffice y WordPerfect.

PDF to Word
PDF to Word es un servicio online gratuito que te permitirá convertir tus archivos PDF a Word rápidamente, para ello seleccionas el archivo que deseas convertir, luego el formato al que lo deseas transformar .DOC o .RTF y luego tu email para que luego te envíen el archivo convertido.

Una vez convertido a Word, puedes editar el documento rápidamente con tu procesador de texto preferido y lo mejor de todo es que es completamente gratuito!

Gráficos con PHP y Google Charts

unijimpe — Wed, 14 Oct 2009 06:30:05 +0000

Google Charts es un API de Google que permite crear gráficos estadísticos de manera sencilla, estos gráficos se pueden crear accediendo a un URL con los parámetros adecuados. Entre los gráficos disponibles se encuentran: Line chart, Sparkline, Bar chart, Pie chart, Venn diagram, Scatter plot, Radar chart, Map, Google-o-meter, QR codes.

Por ejemplo podríamos crear un gráfico del tipo Pie en 3D con dos valores tendríamos un URL de la forma: http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=300x120&chl=Hombres|Mujeres

Google Charts con PHP
Para facilitarnos el proceso de crear estos gráficos existe la clase googchart escrita en PHP 5, el cual brinda una serie de métodos para generar gráficos estadísticos complejos con lineas de código sencillas.

Para utilizar esta clase primero descargamos la librería y copiamos el archivo GoogChart.class.php el cual contiene la clase que necesitamos, luego incluimos este archivo al inicio de nuestros scripts.

include('GoogChart.class.php');
$chart = new GoogChart();

A continuación creamos un array con los datos que deseamos graficar, el siguiente paso es crear el array con los colores a utilizar y finalmente utilizamos el método setChartAttrs donde pasamos como parámetros el tipo de gráfico, el titulo, un array con los datos a graficar, las dimensiones del gráfico y finalmente un array con los colores a utilizar en el gráfico.

$data = array(
'IE7' => 22,
'IE6' => 30.7,
'IE5' => 1.7,
'Firefox' => 36.5,
'Mozilla' => 1.1,
'Safari' => 2,
'Opera' => 1.4,
);
$color = array(
'#99C754',
'#54C7C5',
'#999999',
);
$chart->setChartAttrs( array(
'type' => 'pie',
'title' => 'Browser market 2008',
'data' => $data,
'size' => array( 400, 300 ),
'color' => $color
));

Finalmente mostramos la imagen imprimiendo la variable $chart y generaremos la imagen deseada como se muestra a continuación.

Ahora si por ejemplo deseamos crear un gráfico de barras comparando dos valores, creamos primero un array multi-dimensional con los valores que deseamos graficar y al momento de crear el gráfico seleccionamos el tipo bar-vertical tendríamos el siguiente ejemplo:

include('GoogChart.class.php');
$chart = new GoogChart();
$data = array(
'February 2008' => array (
'IE7' => 22,
'IE6' => 30.7,
'IE5' => 1.7,
'Firefox' => 36.5,
'Mozilla' => 1.1,
'Safari' => 2,
'Opera' => 1.4,
),
'January 2008' => array (
'IE7' => 22,
'IE6' => 30.7,
'IE5' => 1.7,
'Firefox' => 36.5,
'Mozilla' => 1.1,
'Safari' => 2,
'Opera' => 1.4,
),
);
$color = array(
'#99C754',
'#54C7C5',
'#999999',
);
$chart->setChartAttrs( array(
'type' => 'bar-vertical',
'title' => 'Browser market 2008',
'data' => $data,
'size' => array( 550, 300 ),
'color' => $color,
'labelsXY' => true,
));
echo $chart;

Con lo cual obtenemos el gráfico de barras comparativo de dos tipos de datos como se muestra a continuación.

Como pueden ver los resultados son de muy buena calidad y el código para la creación es muy sencilla. Además al utilizar Google Charts API es que el procesamiento se hace en los servidores de Google con lo cual ahorramos capacidad de procesamiento en nuestros servidores.

Para una lista completa de los tipos de gráficos disponibles pueden leer Chart Types o también pueden leer la documentación completa en Developer's Guide.