Ads 468x60px

Perfil

domingo, 5 de mayo de 2013

instalar un captcha de seguridad

¿CĂłmo instalar un buen captcha de Seguridad?
Pasos para implementar reCAPTCHA
http://recaptcha.net/

1.- ¿QuĂ© es reCAPTHCA?
2.- Manual de instalaciĂłn de reCAPTCHA
3.- Personalizacion del theme



1.- ¿Que es CAPTCHA?


Captcha es el acrónimo de Completely Automated Public Turing test to tell Computers and Humans Apart (Prueba de Turing pública y automática para diferenciar a máquinas y humanos).
Este es un tĂ­pico test para la secuencia “smwm” que dificulta el reconocimiento de la máquina rotando las letras y añadiendo un gradiente de fondoSe trata de una prueba desafĂ­o-respuesta utilizada en computaciĂłn para determinar cuándo el usuario es o no humano. El tĂ©rmino se empezĂł a utilizar en el año 2000 por Luis von Ahn, Manuel Blum y Nicholas J. Hopper de la Carnegie Mellon University, y John Langford de IBM.
La típica prueba consiste en que el usuario introduzca un conjunto de caracteres que se muestran en una imagen distorsionada que aparece en pantalla. Se supone que una máquina no es capaz de comprender e introducir la secuencia de forma correcta por lo que solamente el humano podría hacerlo (salvo error).
Como el test es controlado por una máquina en lugar de un humano como en la Prueba de Turing, también se denomina Prueba de Turing Inversa.
Los Captchas son utilizados para evitar que robots, también llamados spambots, puedan utilizar ciertos servicios. Por ejemplo, para que no puedan participar en encuestas, registrarse para usar cuentas de correo electrónico (o su uso para envío de correo basura) o, más recientemente, para evitar que correo basura pueda ser enviado por un robot (el remitente debe pasar el test antes de que se entregue al destinatario).
reCAPTCHA
PLUGIN GRATIS ANTI SPAMBOTS

Existen tres formas de uso reCAPTCHA: mediante un plugin de aplicación, utilizando una biblioteca para su lenguaje de programación, y el uso de la web basados en la API. Los siguientes recursos le ayudará a encontrar el método correcto para su entorno.
Cliente API
El cliente API guĂ­a describe cĂłmo personalizar el comportamiento de la reCAPTCHA widget en su sitio. Esta guĂ­a se aplica a todos los plugins.
Entorno de programaciĂłn plugins
PHP
ASP.NET
•Classic ASP: vĂ©ase este foro
Python •Perl (aportados por Andy Armstrong)
Ruby (aportados por McClain Looney)
•Otro Ruby biblioteca de Jason Perry L
Java (aportados por Soren)
ColdFusion (aportados por Robin Hilliard)
AplicaciĂłn complementos
WordPress
MediaWiki
phpBB
•Movable Type (aportados por Josh Carter)
Drupal (aportados por Rob Loach)
Symfony (aportado por Arthur Koziel)
Typo3 (aportados por Jens Mittag. Véase también el ejemplo de utilizar el plugin)
NucleusCMS (aportados por Matt)
vBulletin (aportados por Magnus)
Joomla (aportados por Robert van den Breemen)
Mailhide JSP (por Tamas Magyar)
DocumentaciĂłn API
Estos documentos describen el bajo nivel reCAPTCHA API. Usted debe de referencia estos documentos si está creando un nuevo plugin
Comunidad
reCAPTCHA Foro: un lugar donde usted puede hacer preguntas sobre reCAPTCHA y complementos
reCAPTCHA Wiki: un lugar para publicar cualquier informaciĂłn relacionada con la reCAPTCHA
reCAPTCHA en Google Code: muchos plugins que se desarrollan. PregĂşntele a nosotros para acceder a ellos.
2.- MANUAL DE INSTALACION reCAPTCHA
Paso 1: Registrarse en reCAPTCHA
Nos tenemos que dirigir a http://recaptcha.net/ y registrarnos como usuarios. Nos solicitarán unos pocos datos personales para darnos de alta.
Una vez registrados debemos obtener unas claves para utilizar el sistema de captcha. Estas claves son específicas para cada dominio donde quieras utilizarlo. Las claves no son más que una llave pública y otra privada, que utilizaremos luego para poner la captcha en nuestra web.
Son algo como esto:
Public Key: 5LfCABCDEFGHIJUNDSBOejHq-5n5StSWawBpCAMX
Private Key: 6LfCAAAFHJSDFGHHJHDeju3a-Z5lomjShHKaGh9g
Esas claves son, lĂłgicamente, secretas y debemos mantenerlas asĂ­. Las claves anteriores son de ejemplo.
En el sitio de reCAPTCHA tendremos que descargarnos unos cĂłdigos PHP con una librerĂ­a PHP para poner en nuestro servidor y unos ejemplos de uso del sistema. Esto lo podemos conseguir en el apartado “Resources”. Veremos que tienen un plugin o librerĂ­a para trabajar con PHP, que además está perfectamente documentado.
Una vez descargado el zip que contiene la librería PHP, la tenemos que poner en algún lugar de nuestro servidor. Recuerda luego donde la has puesto, porque tendrás que hacer un include con PHP de esa librería.
Por ejemplo, podríamos colocar dicha librería en el mismo directorio donde está la página PHP que va a hacer uso de ella. Entonces la incluiríamos con algo como esto:
1require_once('recaptchalib.php');
Paso 2: Incluir el captcha en el formulario
En la librerĂ­a descargada (‘recaptchalib.php’) Hay una funciĂłn que sirve para mostrar la captcha. Simplemente tenemos que llamarla con los parámetros correctos. La funciĂłn devuelve el cĂłdigo HTML que tenemos que colocar en la página para que se vea la captcha.
1recaptcha_get_html($captcha_publickey, $error_captcha);
Los parámetros que recibe son la llave pública que conseguimos anteriormente y un código de error, que es opcional. Luego veremos de dónde podría venir ese código de error.
El cĂłdigo del formulario serĂ­a algo como esto:
1<?
2require_once('recaptchalib.php');
3//Llaves de la captcha
4$captcha_publickey = "xxxxxxxxxxxxxxxxxxxxxxx";
5$captcha_privatekey = "yyyyyyyyyyyyyyyyyyyyyy";
6//por ahora ponemos a null el error de la captcha
7$error_captcha=null;
8?>
9 
10<form action="miejemplo_formulario.php" method="post">
11Nombre: <input type="text" name="nombre" size="30">
12Edad: <input type="text" name="edad" size="3">
13<br>
14<?
15//escribimos en la página lo que nos devuelve recaptcha_get_html()
16echo recaptcha_get_html($captcha_publickey, $error_captcha);
17?>
18<br>
19<input type="submit" value="Enviar">
20</form>
Paso 3: Validar la captcha
Existe otra función para validar la captcha, llamada recaptcha_check_answer(). Esta función recibe también varios parámetros: La llave privada, la IP del usuario, y dos campos que contienen los valores que envía la captcha dentro del formulario $_POST["recaptcha_challenge_field"] y $_POST["recaptcha_response_field"].
Esta funciĂłn devuelve un objeto que tiene dos propiedades:
is_valid, un boleano para decir si es se ha validado correctamente la captcha. error, un código de error que especifica qué ha ido mal si no se validó correctamente el texto.
PodrĂ­amos validar la captcha con algo como esto:
1<?php
2$captcha_respuesta = recaptcha_check_answer ($captcha_privatekey,
3$_SERVER["REMOTE_ADDR"],
4$_POST["recaptcha_challenge_field"],
5$_POST["recaptcha_response_field"]);
6if ($captcha_respuesta->is_valid) {
7//todo correcto
8//hacemos lo que se deba hacer una vez recibido el formulario válido
9}else{
10//El código de validación de la imagen está mal escrito.
11$error_captcha = $captcha_respuesta->error;
12}
13?>
Llamamos a la función recaptcha_check_answer() enviando los parámetros comentados y guardamos el valor devuelto por la función en la variable $captcha_respuesta.
Luego comprobamos si el atributo $captcha_respuesta->is_valid es true. En ese caso sabemos que el texto escrito de la imagen se ha validado correctamente y hacemos lo que haya que hacer en el formulario.
Si $captcha_respuesta->is_valid era falso, entonces quiere decir que no estaba bien escrito el texto de la imagen. Podemos entonces actualizar la variable $error_captcha para que cuando mostremos de nuevo la captcha podamos pasarle el error generado y que avise al usuario.
Tenemos nuestra captcha funcionando!
El cĂłdigo completo de este ejemplo es el siguiente:
1<html>
2<head>
3<title>Página con formulario protegido por captcha</title>
4</head></span>
5 
6<body>
7<?
8require_once('recaptchalib.php');
9//Llaves de la captcha
10$captcha_publickey = "xxxxxxxxxxxxxxxxxxxxxxx";
11$captcha_privatekey = "yyyyyyyyyyyyyyyyyyyyy";
12$error_captcha=null;
13 
14if ($_POST){
15$captcha_respuesta = recaptcha_check_answer ($captcha_privatekey,
16$_SERVER["REMOTE_ADDR"],
17$_POST["recaptcha_challenge_field"],
18$_POST["recaptcha_response_field"]);
19if ($captcha_respuesta->is_valid) {
20//todo correcto
21//hacemos lo que se deba hacer una vez recibido el formulario válido
22echo "Todo correcto!";
23}else{
24//El código de validación de la imagen está mal escrito.
25echo "Has escrito mal el texto";
26$error_captcha = $captcha_respuesta->error;
27}
28}
29?>
30 
31<form action="miejemplo_formulario.php" method="post">
32Nombre: <input type="text" name="nombre" size="30">
33<br>
34Edad: <input type="text" name="edad" size="3">
35<br>
36<?
37//escribimos en la página lo que nos devuelve recaptcha_get_html()
38echo recaptcha_get_html($captcha_publickey, $error_captcha);
39?>
40<br>
41<input type="submit" value="Enviar">
42</form>
43 
44</body>
45</html>
3.-PERSONALIZACION DEL THEME
Lo importante son la configuraciĂłn inicial mediante la variable RecaptchaOptions, las funciones de javascript para las distintas acciones(Recaptcha.reload(), Recaptcha.switch_type(‘audio’), Recaptcha.showhelp()), el id del div donde va el captcha (recaptcha_image) y el input donde se escribe el captcha
1<input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
1<script>
2     var RecaptchaOptions = {
3        theme: 'custom',
4        lang: 'es',
5        custom_theme_widget: 'frm_recpatcha'
6     };
7 </script>
8 <div class="frm_recpatcha">
9 <div class="frm_recaptcha_img" id="recaptcha_image" >
10    <img width="307" height="55" alt="Captcha" title="Captcha" class="captcha" src="/img/recaptcha.gif" alt="RECAPTCHA" />
11 </div>
12 
13 <img src="/imgs/recaptcha_buttons.gif" width="26" height="57" alt="Captcha" title="Captcha" style="float:left;margin:0 auto; display:block;" />
14 <p style="margin:5px 10px;"><a href="javascript:Recaptcha.reload()" class="azul">Recargar</a></p>
15 <p style="margin:5px 10px;"><a href="javascript:Recaptcha.switch_type('audio')" class="azul">Audio</a></p>
16 <p style="margin:5px 10px;"><a href="javascript:Recaptcha.showhelp()"  class="azul">Ayuda</a></p>
17 <p><label style="">Introduce las 2 palabras de la imagen:</label></p>
18 <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" name="#" maxlength="100" class="intro_captcha" />
19<?php
20echo recaptcha_get_html($captcha_publickey, $error_captcha);
21?>
Tags de bĂşsquedas:
captcha javascript,como poner un captcha,poner captcha,poner captcha en mi web,cĂłmo instalar una recaptcha en formulario,implementar captcha jsp,poner captcha en formulario,poner el camptcha en un <img>,simple captchas para mi web

sábado, 4 de mayo de 2013

Aplicaciones para administrar y ahorrar baterĂ­a en Android

Improve-Android-Battery-Life1
Cualquier usuario de Smartphones en general sabrá que las baterĂ­as de los mismos no suelen precisamente durar el tiempo que quisiĂ©ramos  más aĂşn si somos usuarios exigentes y los tenemos en funcionamiento de manera constante realizando distintas tareas. Si bien no existe una formula mágica para que la baterĂ­a se prolongue, sĂ­ a travĂ©s de algunos trucos y aplicaciones podemos lograr que la misma dure un poco más de tiempo. A continuaciĂłn, veremos quĂ© podemos hacer para llevar esto a cabo y cuáles son las Apps que nos darán una mano.

Administrar y ahorrar baterĂ­a

Si hay algo benĂ©volo que tienen los smartphones, es que podemos conseguir distintas aplicaciones de manera totalmente gratuita. En este caso, existen algunas que nos ayudarán a administrar de forma más eficiente la baterĂ­a de nuestro celular, logrando asĂ­ que su duraciĂłn se prolongue un poco. ¿Cuáles son? Debemos considerar que el numero de aplicaciones disponibles en el mercado de Android es bastante grande, por eso hemos seleccionado las mejores.
JuiceDefender. Esta aplicaciĂłn mĂłvil es una de las más recomendadas para administrar el uso de la baterĂ­a, y tiene varias herramientas que nos ayudarán a lograr nuestro objetivo. Una de las ventajas de esta app, es que permite manejarnos por “modos”. Podemos elegir o bien el modo estandard, que con solo hacer click desactivará ciertas funciones de tu celular que no se están usando en ese momento para bajar el consumo de energĂ­a y que la baterĂ­a dure más tiempo. O bien, podemos armar un modo personalizado eligiendo cuáles cosas queremos desactivar y cuáles no.
Easy Battery Saver. Otra aplicaciĂłn que nos ayudará a ahorrar baterĂ­a. Es totalmente gratuita, y a travĂ©s de unos simples pasos podremos configurar todo para que con un solo click comencemos a ahorrar baterĂ­a y evitar que el dispositivo se nos apague en el momento menos oportuno. ¿Un dato extra? Easy Battery Saver es una de las aplicaciones mejores valoradas del mercado por los mismos usuarios. Esto ultimo ya deberĂ­a decirte algo sobre su efectividad, te invito a probarlo.
BatteryTime Lite. Esta app tambiĂ©n es gratuita, como todas las que vamos a mencionar en el dĂ­a de hoy, aunque tambiĂ©n podemos encontrar alternativas de pago con funciones un poco más completas pero nada del otro mundo. ¿QuĂ© nos ofrece BatteryTime Lite? A diferencia de los que mencionamos antes, su principal funciĂłn es medir y controlar la energĂ­a utilizada en la pantalla y navegador de nuestro smartphone, además de los contenidos multimedia. Se centra en esos tres puntos Ăşnicamente  siendo en realidad los que más energĂ­a consumen. Esta aplicaciĂłn tiene además una versiĂłn de pago, pero en primera estancia te recomiendo que pruebes la gratuita.
Battery Dr. Saver. Esta app gratuita de Android nos ayuda no solo a administrar y mejorar el rendimiento y el uso de la baterĂ­a sino que además ayuda a optimizar la velocidad del mĂłvil, desactivando algunas opciones para volverlo más rápido que de costumbre. De manera sencilla, nos dejará ver un panorama general del uso de baterĂ­a y nos permitirá cerrar aquellos procesos y aplicaciones que se están ejecutando en segundo plano y que consumen energĂ­a innecesariamente.

¿AlgĂşn consejo extra?

Para ir cerrando el articulo de hoy, y continuando con el tema de la duraciĂłn de la baterĂ­a, serĂ­a bueno que hiciĂ©ramos un repaso por aquellas aplicaciones que más energĂ­a consumen de nuestro celular.
Lamentablemente para el usuario fanático de las redes sociales, estás suelen ser las aplicaciones que más gastan baterĂ­a  entre ellas Facebook y Twitter. Además, aplicaciones de mensajerĂ­a como Line o WhatsApp están tambiĂ©n liderando la lista. Finalmente, aunque en menor medida, las aplicaciones residentes tienen un cierto protagonismo a la hora de despilfarrar energĂ­a.

viernes, 3 de mayo de 2013

4 Medidas de Seguridad en PHP que debes tener en cuenta

Obviamente se pueden implementar muchas reglas y protocolos de seguridad en PHP, pero comentaré algunos que considero son muy simples pero importantes. El artículo está abierto para que otros desarrolladores puedan comentar cualquier otra medida o protocolo de seguridad en PHP que consideren oportuna.
Para otro artĂ­culo tendrĂ­a que comentar aspectos y medidas de seguridad sobre el servidor de páginas web, por ahora el más popular para servir páginas en PHP es Apache, aunque cada vez va tomando más fuerza Nginx.
Durante muchos años, PHP ha sido una plataforma estable, de bajo costo en el que operar aplicaciones basadas en web. Como la mayoría de las plataformas basadas en web, PHP es vulnerable a ataques externos. Los desarrolladores, arquitectos de bases de datos y administradores de sistemas deben tomar precauciones antes de desplegar las aplicaciones PHP en un servidor en producción. La mayoría de estas técnicas se puede lograr con unas pocas líneas de código o un ligero ajuste en los parámetros de la aplicación.
#1 Script de InstalaciĂłn
Hoy en dĂ­a hay muchas aplicaciones web Open Source donde podemos crear un blog, un foro, una tienda e-commerce, incluso una red social,etc.. muchos sino todos traen unos script de autoinstalaciĂłn. Es muy aconsejable que despuĂ©s de instalar la aplicaciĂłn web las carpetas de instalaciĂłn se borren, yo no me complico y las borro sin pensarlo, pero otros desarrolladores prefieren mantenerlas, si alguien quiere hacer esto cuidado!
Esto es mi primera medida de seguridad, no parece tal, pero si lo es. Tengamos cuidado con los script de instalación porque si alguien consigue entrar en el autoinstalador después de que nuestra aplicación lleve funcionando un tiempo podría lanzar el autoinstalador nuevamente y borrar toda la base de datos.
Para los que quieran mantener la carpeta de instalaciĂłn deben incluir una protecciĂłn en el .htaccess para que controle sĂłlo el acceso a usuarios administradores o permitidos
1AuthType Basic
2AuthName "Solo administradores"
3AuthUserFile /usr/local/apache/passwd/passwords
4Require valid-user
Para cualquier usuario que acceda a la carpeta protegida le aparecerá un aviso para introducir usuario y contraseña. SĂłlo se permitirá el acceso a los usuarios especificados en el archivo “passwords”. El path de este archivo se puede cambiar, pero siempre debe ser un path seguro.
Para crear un usuario permitido y añadirlo a nuestro archivo podemos utilizar el siguiente comando de linux
1# htpasswd -c /usr/local/apache/passwd/passwords pedro
Más informaciĂłn: Tutorial proteger directorios con password en .htaccess
#2 Include de archivos
En muchos casos, los desarrolladores pueden utilizar un archivo individual en varias partes de una aplicaciĂłn. Estas secuencias de comandos contendrá una directiva “include” que incorpora el cĂłdigo del archivo individual en el de la página de origen. Cuando archivo “include” contiene informaciĂłn confidencial, incluyendo nombres de usuario, contraseñas o claves de acceso de base de datos, el archivo debe tener una extensiĂłn “. php”, en lugar del tĂ­pico “. inc”
Con la extensiĂłn “.php” nos aseguramos que el motor de PHP procesará el archivo y evitará los puntos de vista no autorizados.
# 3 Codificaciones MD5, SHA y algoritmo bcrypt
MD5 Y SHA están obsoletas. Aunque se sigan usando en algunos casos no es aconsejable usarlas. Por lo menos por sí solas.
Todas las páginas que tienen usuarios y contraseñas, éstas deben estar encriptadas. MD5 encripta las contraseñas con una cadena de 128 bits, mientras que SHA-1 lo hace con una cadena de 160 bits, pero ambas están obsoletas y no presentan una seguridad fiable.
La mejor opciĂłn es usar un algoritmo del tipo bcrypt y hay una librerĂ­a que aporta una estupenda Clase para crear contraseñas o cualquier tipo de texto encriptado de una manera segura http://www.openwall.com/phpass/
Obviamente, hay que tener cuidado con las contraseñas y Ă©stas no deben ser evidentes, secuenciales o muy simples. Muchas webs ya incorporan pequeños algoritmos para comprobar la existencia de nĂşmeros, letras y caracteres especiales  para “medir” la fuerza o seguridad de la contraseña.
Lectura recomendada: Seguridad en contraseñas. Como hacer una contraseña segura.
# 4 Captchas de Seguridad
Los captchas de seguridad nos ofrecen una barrera de seguridad contra scripts de fuerza bruta para probar masivamente contraseñas sobre un formulario, así como para verificar que quien está enviando el formulario es una persona y no una máquina o un bot con un script automático.
Los captchas de seguridad son usados en muchísimas páginas y algunas tan importantes como Facebook, Google, etc.. no debemos darle la espalda al uso de los captchas para añadir un nivel de seguridad a nuestros formularios.
Otros artĂ­culos sobre captcha de seguridad en este blog
  • Captcha de seguridad en cakePHP con Securimage
  • Instalar un captcha de seguridad
Tags de bĂşsquedas:
seguridad php,seguridad en php,php seguridad,seguridad para acceso a mi web,seguridad de acceso con php,que medidas preventivas se deben formar en cuenta y no tener una leccion,que medidas de seguridad hay que tomar en cuenta sobre servidor de internet,que medidas de seguridad hay que tomar en cuenta sobre el servidor de internet,Protocolos de seguridad a tener en cuenta Internet,programar un administrador web seguro con php

jueves, 2 de mayo de 2013

Crear formularios fácilmente en PHP con Zebra Form

zebra-form
 La creaciĂłn de formularios para la web suele con llevarnos un tiempo  de desarrollo bastante elevado,  desde el diseño del formulario mediante el empleo de CSS, una tarea que puede complicarse bastante si el diseño gráfico no es nuestro fuerte. Hasta la programaciĂłn del formulario para que realice la tarea deseada, sin olvidarnos de los controles de seguridad básicos para no sufrir ningĂşn tipo de ataque a travĂ©s de los formularios.
Para ayudarnos en la tarea de creaciĂłn de formularios existe en PHP una librerĂ­a, Zebra Form , que nos simplifica enormemente esta engorrosa tarea. Gracias a esta librerĂ­a podremos crear bonitos formularios, seguros y sobre todo, funcionan correctamente en cualquier navegador con unas pocas lĂ­neas de cĂłgido en PHP.
Entre las características más destacables de la librería desarrollada por Stefan Gabos, a parte de la ya mencionada facilidad para diseñar los formularios, se encuentran:
1.- Empleo de jQuery en la validaciĂłn del formulario en la parte cliente y PHP, obviamente, en la parte del servidor. En la parte cliente, en el navegador del usuario, se realiza una comprobaciĂłn básica de los campos del formulario, formato de los valores introducidos, campos obligatorios cumplimentados….etc. Mostrando mediente jQuery una serie de alertas indicando los datos que faltan o que han sido introducidos errĂłneamente.
2.- UtilizaciĂłn de Captchas para evitar el envĂ­o de forma masiva y automatizada de spam.
3.- Carga de ficheros en el servidor mediante Ajax, lo que le permite a los formularios creados con Zebra Form subir los ficheros de forma más rapida y  sencilla al servidor.
4.- Controles de seguridad, Zebra Form, lleva integrados varios scripts de seguridad, para proteger sus formularios frente a los ataques más habituales perpretados a travĂ©s de ellos. Lleva integrado un sistema de cross-site scripting para evitar los ataques mediante XSS, para ello excluye automáticamente cualquier cĂłdigo malicioso que los usuarios incluyan en los datos enviados. TambiĂ©n dispone de protecciĂłn frente a los ataques mediante falsificaciĂłn de peticiĂłn en sitios cruzados o CSRF  lo que le confiere una mayor robustez y seguridad al formulario.
Gracias a las caracterĂ­sticas detalladas anteriormente, los formularios creados mediante la utilizaciĂłn de la librerĂ­a Zebra Form, están dotados de los principales mecanismos de seguridad frente a posibles ataques. Además dada la gran cantidad de plantillas disponibles no resultará difĂ­cil crear cualquier formulario rápidamente y sin necesidad de tener conocimientos avanzados sobre diseño gráfico. Sin duda alguna Zebra Form es una gran ayuda que nos simplificará el trabajo durante el desarrollo de todos los formularios (contacto, validaciĂłn, registro…etc) que contiene una web actual.
Tags de bĂşsquedas:
seguridad en formularios php,zebra forms expresiones regulares,android zebra formularios,crear seguridad en envio de datos formulario blogger,no consigo poner a funcionar zebra forms,tarea hacer un formulario en php

miércoles, 1 de mayo de 2013

Textillate.js o como animar el texto de nuestra web fácilmente

Textillate_js
El diseño de cualquier web es fundamental para que tenga éxito, debe ser visualmente agradable y atractiva para los usuarios que la visitan pero no debe ser una penalización en el posicionamiento dentro de los principales buscadores. Unir ambos requisitos suele ser complicado y no siempre se logran todos los objetivos deseados.
Para ayudar en el diseño de nuestra web o mejor dicho, para hacer más atractiva y llamativa nuestra web sin penalizar notablemente el SEO de la misma. Se ha creado un plugin nuevo de jQuery, Textillate.js que nos permitirá dotar de animación a nuestros textos de una forma sencilla gracias a CSS3.
Hasta ahora si queríamos animar cualquier texto existente en nuestra web, debíamos recurrir a la creación de una animación flash. Dicha animación nos mejoraba el aspecto estético de nuestra web pero nos perjudicaba el SEO, sobre todo por que aumentaba los tiempos de carga de nuestra web en el navegador del usuario y por que los principales motores de búsqueda no indexan correctamente las web que contienen animaciones flash.
El plugin de jQuery, Textillate.js, nos permite crear animaciones de texto sin necesidad de tener que recurrir a flash, para las animaciones aprovecha toda la potencial de CSS3. Lo que nos permite dotar a nuestra web de mayor vistosidad sin sobrecargar los tiempos de carga y por lo tanto sin penalizar el SEO de la misma. Sin duda alguna, Textillate.js es una gran ayuda para la animaciĂłn de textos.
Para utilizar Textillate.js en nuestra web solo necesitamos incluirlo como cualquier otro plugin de jQuery junto a las librerĂ­as de las que depende, jQuery, animate.css y lettering.js. Una vez incluido podemos utilizarlo como cualquier otro plugin
            $(function () {
    $('.tlt').textillate();
})
Si no especificamos nada el plugin aplica una animación por defecto, mediante la API podemos modificar y adaptar la animación que más nos guste. En la web oficial del plugin () podemos ver los efectos disponibles, así como podemos descargar el plugin para utilizarlo en nuestra web.
El plugin Textilllate.js es de gran utilidad ya que simplifica la animación de textos en la web, el único inconveniente que tiene es la compatibilidad del navegador, ya que para que se visualice correctamente el navegador debe admitir las propiedades específicas de CSS3. Las versiones más recientes de los navegadores son compatibles con el plugin, por lo que no debemos tener problemas para su correcta visualización.