viernes, agosto 12, 2011

Protégete del Spam en tus sitios, blogs o foros.

Hace poco recibí una notificación de la empresa de hosting que aloja uno de mis sitios, indicándome que mi servicio estaba marcado para ser suspendido y las razones que me dieron fueron que estaba utilizando una cantidad excesiva de recursos y esto ponía en riesgo la estabilidad del servidor. Como se imaginarán me quedé sorprendido por tal noticia ya que después de casi 4 años no había excedido dichos recursos así que les pregunte que si sabían cual podría ser la causa ya que mi sitio no es de un tráfico elevado, a lo cual me respondieron que solo podían proporcionarme los logs de acesso. Así fue que me puse a revisar los logs y ahí me di cuenta. Accesos masivos a los comentarios de un foro que instalé y a los comentarios de una instalación de wordpress que algún día hice de prueba y que habían quedado en el olvido jejeje.

Después de todo esto ví a través de las IPs que los spammers eran de Ucrania, China y Federación Rusa, entre otros. Primero pensé en bloquear las IPs por país pero me dí cuenta que eso era muy extremo para un sitio como el mío, el Portal de servicios a domicilio pero bueno aún así les dejo este sitio que proporciona las IP por país y en diferentes formatos country ip blocks. Bueno para no hacer el cuento largo mejor utilicé una utilidad llamada reCaptcha que funciona con palabras en imagen de manera aleatoria para identificar y comprobar que quién esté escribiendo en los comentarios y formularios se traten de humanos y no BOTS que generalmente son los que usan los spammers lo que me gustó de esta ultilidad es que esta respaldado por google y además es gratis.

Ahorita estoy en etapa de pruebas, al parecer si ha filtrado gran cantidad de estos molestos BOTS. en próximos Artículos les voy a platicar sobre lo que he ido encontrando y aprendiendo en la red para evitar estos desagradables incidentes y optimizar sus sitios.

Si tienes dudas o eres un profesional en el tema, sé libre de comentarnos tus experiencias y así juntos podamos hacer de nuestros sitios algo mejor. Ahh por último se me olvidaba ponerles la liga al reCaptcha y ¿Qué creen? también tiene una función para evitar el spam a los correos que escribas en tu sitio :).

Saludos y hasta la próxima.

R2D2

domingo, julio 05, 2009

Pinceles para Photoshop (descarga gratuita)

Para todos aquellos mortales que vemos fondos y trabajos impresionantes en Photosohop y no sabemos ni como lo hacen, uno de los secretos del oficio son los tan amados (Pinceles o Brushes).

Gracias a varios expertos en la materia que tienen la fina atención y gran sentido de ayuda al prójimo, aquí les dejo un enlace a uno de ellos.

Agradezco de antemano el conocimiento que nos dejan.

myphotoshopbrushes
photoshoproadmap
Más de 800 brushes para Photoshop
DeviantArt
PhotoshopMosaic
PSBrushes
Brusheezy
Creativos Online

sábado, abril 04, 2009

Precarga básica Flash

paso 1

Abrimos el panel de escenas con shift+F2 y creamos 2 escenas, la primera la llamaremos precarga y la segunda principal.




Paso 2

En la escena llamada precarga creamos un rectángulo aproximado de 200 pixeles de ancho por 10 pixeles de alto y separamos en dos capas el contorno del relleno.



Paso 3

el rectángulo del relleno lo convertimos en un movieclip seleccionándolo y oprimiendo F8, en la ventana de símbolos lo llamaremos mcBarraCarga de tipo movieclip y pondremos su
registro al centro del lado izquierdo.



Paso 4

una vez creado el movieclip le pondremos como nombre de instancia barraCarga_mc



Paso 5

creamos una tercer capa llamada cargaTexto y le añadimos un objeto de texto con las propiedades de texto dinámico y nombre de instancia cargaTexto_txt.



Paso 6

creamos una cuarta capa la cual llamaremos acciones. Una vez hecho esto con F5 le añadimos a todas las capas un fotograma más.



Paso 7

Seleccionamos el primer fotograma de la capa de acciones y abrimos el panel de acciones con F9.

Paso 8

Escribimos las líneas siguientes.


var amountLoaded:Number = _root.getBytesLoaded() / _root.getBytesTotal(); barraCarga_mc._width = amountLoaded * 200; cargaTexto_txt.text = Math.round(amountLoaded * 100) + "%";

Explicando el código

con esta primer línea le damos valor a la variable amountLoaded el cual divide los bytes cargados entre los bytes totales.

var amountLoaded:Number = _root.getBytesLoaded() / _root.getBytesTotal();

Con esta segunda línea le indicamos a la barra de carga el ancho que debe tener al ir cargando, la cual multiplica el valor cargado por el tamaño de nuestra barra.

barraCarga_mc._width = amountLoaded * 200;

Con esta tercer línea le indicamos al campo de texto que escriba el valor que llevamos multiplicándolo por 100 para sacar el porcentaje y lo convertimos a enteros con Math.round añadiendo el símbolo de % al final.

cargaTexto_txt.text = Math.round(amountLoaded * 100) + "%";

Paso 9

Seleccionamos el segundo fotograma de la capa de acciones y escribimos las líneas siguientes.

if (_root.getBytesLoaded() == _root.getBytesTotal()) { gotoAndPlay ("principal",1); } else { gotoAndPlay(1); }
Explicando el código

Con la condición if indicamos que si el valor de la carga es igual al valor total de la misma nos lleve al fotograma 1 de la escena principal.
Con else indicamos que si no se ha cargado el total se regrese al fotograma 1 hasta que se cargue todo.

Nota:

Si tu película es un loop infinito, es importante crear al final de la escena principal una acción que regrese al fotograma 1 de la escena principal, de esta manera no se va de nuevo a la precarga.

martes, marzo 31, 2009

Efecto de HUMO en Photoshop CS

1. Dibuje una línea y distorsiónela.Comenzando con una capa de fondo rellena de negro, utilice la herramienta Pincel para pintar una línea blanca en una capa nueva en un conjunto de capas llamado Humo. A continuación, distorsione la línea. Utilice la herramienta Dedo para sacar, hacer serpentear o girar partes de la línea blanca hasta que se consiga el efecto deseado. Cuanto más distorsione la línea, más borrosa será. Con la herramienta Pincel histórico, deshaga de forma selectiva las áreas distorsionadas como desee.

2. Perfeccione el efecto.Utilice Licuar (Filtro > Licuar) para crear más distorsiones. A diferencia de la herramienta Dedo, Licuar no introduce desenfoque con distorsión. Utilice la herramienta Reconstruir de Licuar para deshacer las distorsiones de forma selectiva. A diferencia de Pincel histórico, la herramienta Reconstruir le permite seleccionar un estado de transición intermedio entre sin distorsionar y totalmente distorsionado.

3. Cree un efecto más complejo.Repita todas las veces que desee manteniendo los distintos elementos en capas independientes.

4. Vuelva a colocar los elementos.Utilice la herramienta Mover para volver a colocar los elementos seleccionados. Utilice Transformación libre (Edición > Transformación libre) para cambiar la escala de los elementos seleccionados o distorsionarlos.

5. Cree un halo.Desactive la capa de fondo. Cree una capa nueva y colóquela en la parte inferior del conjunto de capas Humo. Mantenga pulsadas las teclas Alt y Ctrl (Windows) u Opción y Comando (Mac OS) y seleccione Combinar visibles. Así se copia toda la información visible de varias capas en la capa de destino sin acoplar la imagen. Utilice el filtro Desenfoque gaussiano para desenfocar esta capa. Disminuya la opacidad como desee. Repita si es necesario.

6. De forma opcional, añada ruido.En la parte superior del conjunto de capas Humo, cree una nueva capa rellena con un 50% de gris y establecida en el modo Superponer y, a continuación, fíltrela con Ruido o Granulado. Reduzca la opacidad y la saturación como desee.7.Importe el efecto en un nuevo destino.Arrastre y suelte el conjunto de capas Humo en un nuevo destino. Modifique la posición y la opacidad como desee. Distorsione aún más si lo considera conveniente. Los elementos de un único conjunto de capas se pueden mover y volver a combinar para crear varios efectos con diversos aspectos.


John Paul Caponigro
Adaptado, de John Paul Caponigro. John Paul Caponigro es un experto en bellas artes reconocido internacionalmente. Expone, da conferencias e imparte clases en talleres. Para más información, consulte www.johnpaulcaponigro.com

lunes, enero 12, 2009

Insertar código BBCode en los foros

BBCode

Los internautas que utilizan foros phpBB seguramente conocerá los códigos BBCode. Estos códigos permiten escribir texto enriquecido con imágenes, cambios de tamaño, color, negrita, cursiva y hasta vínculos. Digamos que es un HTML simplificado de tal forma que cualquier usuario, experimentado o no, sea capaz de utilizarlo.

La forma de insertarlo es similar a la de HTML, abriremos las etiquetas con [etiqueta] y las cerraremos con [/etiqueta]. Por ejemplo, para poner una palabra en negrita:
[b]Negrita[/b]
Aquí les pondré una lista de las etiquetas BBcode más comunes:

Crear texto en negritas, cursiva o subrayado

[b][/b] para negritas, [u][/u] para subrayar y [i][/i] para cursivas, estas se pueden combinar entre si.

Cambiar el color o tamaño de texto

Para cambiar el color: [color=][/color], puede escribir el nombre del color en inglés o el código hexadecimal perteneciente a él, ej. #FFFFFF, #000000. para crear rojo [color=red]Hola![/color]. Cambiar el tamaño es similar: [size=][/size], utilizando números del 1 al 29.


Citar texto en las respuestas

Hay dos formas de hacerlo: con una referencia o sin ella, para hacerlo con referencia utiliza la opcion CITAR del foro al dar una respuesta, el mensaje a citar es anexado al suyo automáticamente como: [quote=""][/quote] El otro método (sin referencia) es poner una etiqueta parecida, pero agregando el autor del texto citado, es decir: [quote="Anita"]Lo que diga Anita debe ir aquí, recuerde incluir "" alrededor del nombre a citar, si no quiere incluir el nombre, solo encierre el texto entre las etiquetas [quote][/quote].

Crear una lista desordenada

BBCode soporta dos tipos de listas, desordenadas y ordenadas, es exactamente como en HTML, solo que con las siguientes etiquetas: Para una desordenada [list][/list], definiendo cada parte de la lista con [*]. Por ejemplo, para enlistar sus animales favoritos use [list][*]Vaca[*]Cuyo[*]Conejo[/list], esto generará algo como esto:

  • Vaca

  • Cuyo

  • Conejo


Crear una lista ordenada

El segundo tipo de lista es la ordenada, para crearla use [list=1][/list] para crear una lista con numeración o [list=a][/list] para una con orden alfabético, cada parte de la lista se especifica tambien con [*] Por ejemplo: [list=1][*]Vaca[*]Cuyo[*]Conejo[/list] generará algo como:

  1. Vaca

  2. Cuyo

  3. Conejo


Enlace a otro sitio

phpBB BBCode soporta varias formas de hacer un enlace, la primera es con [url=][/url], por ejemplo, para hacer un enlace a phpBB.com puede usar:

[url=http://ahoriuchi.blogspot.com/]Visita mi blog![/url], los enlaces se abrirán en una nueva ventana nueva.
Otra forma es: [url]http://ahoriuchi.blogspot.com/[/url].

Para hacer un enlace a un correo electrónico deberá poner: [email]alguien@sudireccion.com[/email] o simplemente teclear la direccion y se convertirá en un enlace. Puede combinarlo con la etiqueta [img][/img] para que el enlace sea una imagen, así:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img].


Agregar una imagen

Para poner una imagen simplemente escriba [img]URL[/img] donde URL es la dirección en donde está su imagen, por ejemplo:

[img]http://ahoriuchi.blogspot.com/images/suimagen.gif[/img], tambien puede generar enlaces de la siguiente forma: [url=][/url] así:

[url=http://ahoriuchi.blogspot.com/][img]http://ahoriuchi.blogspot.com/images/suimagen.gif[/img][/url].

Nota:


No puede agregar etiquetas personales en esta version de phpBB (2), seguramente será en versiones posteriores.