Josafat

Hoy a sido un día de mucho laburo, y justo para hacer una pausa de todo el laburo. Reviso los mail de Gmail.com pero me sorprendió muchísimo un mail que me alarmo Su cuenta Gmail sera suspendida Inmediatamente proseguí a abrir el correo y me encontré con la siguiente imagen Automáticamente entre al enlace porque estaba en lo cierto... ingreso desde varias ip a revisar mi correo que claro esta en lo correcto. Mientras iba cargando la nueva pagina pensé... pero puede ser un ataque de phishing, entonces revise el remitente y pude observar que se trataba de gmail, ya que el remitente era el siguiente accountsuport@gmail.com Así que me volví a la pagina que se estaba cargando y me tope con esto mmm un inicio de login común de gmail? naaa... a lo sumo esperaba que automáticamente al hacer click se daba alguna activación automática. Trate de obtener mayor información a la fuente del conocimiento don google, y en ningún lado pude encontrar algún comentario de pishing o de información de google help. Entonces proseguí a cargar una contraseña falsa y automáticamente me envió a mi cuenta de correo sin tirar ningún tipo de error de contraseña. Confirmado la sospecha, mi primer Phishing en Gmail.com Ahora bien... quien es el guanaco que se anda haciendo el chistoso. Así que averigüe a quien pertenece la dirección www.recoverygmail.com en http://www.whois.net/ , el cual me devolvió el siguiente resultado. WHOIS information for recoverygmail.com : [Querying whois.internic.net] [Redirected to whois.tucows.com] [Querying whois.tucows.com] [whois.tucows.com] Registrant: leandro ramirez ruta 66, 1679 pilar, AR 1664 IT Domain name: RECOVERYGMAIL.COM Administrative Contact: ramirez, leandro lolagup@hotmail.com ruta 66, 1679 pilar, AR 1664 IT +39.541164793569 Technical Contact: ramirez, leandro lolagup@hotmail.com ruta 66, 1679 pilar, AR 1664 IT +39.541164793569 Registration Service Provider: Aruba S.p.A. - Servizio Aruba.it, comunicazioni@staff.aruba.it +39.05750505 +39.0575862000 (fax) http://www.aruba.it Supporto tecnico - Technical support - Asistencia tecnica : http://assistenza.aruba.it Registrar of Record: TUCOWS, INC. Record last updated on 14-Oct-2009. Record expires on 15-Oct-2010. Record created on 15-Oct-2009. Registrar Domain Name Help Center: http://domainhelp.tucows.com Domain servers in listed order: DNS2.TECHNORAIL.COM DNS.TECHNORAIL.COM Domain status: clientTransferProhibited clientUpdateProhibited Así es... el phishing tiene forma a viveza criolla Por ultimo dije, como pude ser tan idiota en caer con un email de este tipo. Entonces revise detenidamente lo que había en la info del remitente y encontré por donde fue enviado host4.drhost.cl Esto último no es un dato tan relevante pero si nos sirve para detectar a posibles suplantaciones de identidad. Ya que por esa razón cualquiera puede hacer pasar por cualquier correo, en este caso por accountsuport@gmail.com Sin más, espero que esto no le pase a nadie y les ayude a tener precaución en caso de que reciban algún tipo de email similar. PD: el sitio ya fue denunciado por suplantación de identidad.

Las lineas de tiempo pertenecen al grupo de estructuras para mostrar información que existen desde siempre y que con las redes sociales, especialmente Facebook, resurgieron con total fuerza. Uno de los aspectos más atractivos de las lineas de tiempo es que su estructura permite mostrar muchísima información en un espacio reducido sin dejar de ser extremadamente fáciles de entender. Crear una linea de tiempo es sencillo si nuestra información, especialmente los elementos que la componen son de similares características entre sí, lamentablemente esto es algo que no siempre ocurre, por lo que crear una linea de tiempo se vuelve un trabajo bastante complicado. Para nuestra suerte es que existe Timeline, un plugin jQuery que es una solución brillante a la hora de generar lineas temporales. Visita la demostración online Este plugin funciona de forma conjunta a otros dos plugin muy usados y conocidos, estoy hablando de Tabletop.js (para gestionar la información) y Isotope (para el layout). Son apenas dos dependencias para lograr un excelente resultado. Timeline esta testeado en Chrome, Firefox, Safari, y IE 7-9. Así que no hay excusas para no agregar una linea de tiempo a tus proyectos si lo que estas buscando es una forma simple de mostrar mucha información de forma cronológica. Web: Super Awesome Vertical Timeline Fuente: http://www.miracledesign.com.ar/crear-una-linea-de-tiempo-con-jquery [agrego la fuente afuera debido a que no se puede comprobar la fuente desde T!]

LiteAccordion es un pequeño y atractivo plugin para jQuery para la creación de sliders animados. Combina la disposición estilo acordeón, utilizando para ello unas hermosas etiquetas marcando la transición entre las distintas dispositivas. A su vez utiliza el clásico esquema HTML basado en listas anidadas para la estructura básica del visor. LittleAcordeon hace perfecto honor a su nombre, siendo un slider que pesa apenas 4 KB en su versión normal, y sorprende con el peso de su versión simplificada que tiene un tamaño inferior a los 1.6 KB, increíble. Si bien la idea inicial del creador era utilizar este slider solo para imágenes, es importante aclarar que puede ser utilizado con otros archivos, por ejemplo textos, vídeos, o bien cualquier elemento que coloquemos dentro de las divs utilizadas en su estructura esqueleto. Inicialmente el plugin muestra un slider de 960px de ancho, esto puede ser fácilmente modificado mediante parámetros de configuración a la hora de inicializar el plugin, ademas de obviamente unas pocas lineas en las hojas de estilo. Ejemplo de uso: dijo: $('#slider').liteAccordion({ onTriggerSlide : function() { this.find('figcaption').fadeOut(); }, onSlideAnimComplete : function() { this.find('figcaption').fadeIn(); }, autoPlay : true, pauseOnHover : true, theme : 'stitch', rounded : true, enumerateSlides : true }).find('figcaption:first').show(); Actualmente el slider esta probado en las ultimas versiones de los navegadores más populares, eso incluye Firefox, Chrome, Safari y Opera, tanto en Windows 7 y OSX. El navegador que no es soportado, y como muchos están sospechando, es el Internet Explorer 6. Utilizar este plugin es gratuito tanto en sitios personales, como comerciales, el autor aclara que no desea, ni tiene planeado, vender este plugin, aunque no desprecia ningún tipo de donaciones o contribuciones con el proyecto No olviden visitar la demostración online, de paso pueden leer un poco más acerca de las opciones disponibles a la hora de configurar este fantástico plugin. Web: liteAccordion

A pesar de que hay varias opciones para crear widgets de Google Plus para poner en cualquier lado , para aquellos que usamos WordPress lo ideal es tenerlo integrado al sistema de widgets que trae este manejador de contenidos para blogs. Una buena forma es usando un plugin adicional que te permita crear el widget fácilmente y que además puedas personalizar muchas opciones sin saber nada de código. Google Plus Widget es perfecto para esra finalidad, y se trata de un plugin liviano que no solo muestra tu avatar, cuántas personas te tienen en sus círculos y un botón para agregarte, sino también un feed de las actualizaciones públicas del perfil. (Vista Front-end widget) (Vista compacta Front-end widget) Para usarlo debes instalar como cualquier otro plugin para WordPress, activar y personalizar en el área de widgets de la administración de WordPress. Ahí necesitarás poner tu ID de Google (los números al final del enlace del perfil), escoger la plantilla, poner o quitar el botón +1 (con tamaño y posición específica), cambiar el color y tamaño del botón para Añadir a Círculos y hasta mostrar esquinas redondeadas. Puedes ver unas capturas de las opciones que trae aquí. Y si quieres descargar el plugin o saber un poco más acerca de este solo debes pasar por el sitio oficial en el directorio de WordPress.

Como se habrán dado cuenta las aplicaciones de CSS3 parecen no tener límites. A medida que va pasando el tiempo, vamos descubriendo más y más opciones que quizás pueden no parecer útiles en un primer momento pero que pueden resultar la base de aplicaciones y conceptos posteriores que brinden aún más posibilidades al desarrollo de utilidades web y aplicaciones. En este caso, quiero mostrarles una recomendación que encontré gracias a WebResourcesDepot, que ofrece varias opciones de animación de scrolls con diferentes efectos. Ver Demo de CSS Scroll Effects | Lab.Hakim | Descargar Quizás en un primer momento les resulten extrañas, pero lo bueno de estos ejemplos es el poder ver el funcionamiento y entender las posibilidades que puede llegar a brindar su aplicación. Hay una gran variedad de efectos para visualizar y utilizar en los casos que no requieran compatibilidad entre exploradores, ya que como saben, CSS3 no está normalizado. Sin embargo, es una buena oportunidad para pensar nuevas formas de desplegar información y obtener cierto atractivo desde el contenido a partir de las animaciones básicas o modificadas.

ArcText.js es un plugin jQuery basado en Lettering.js, que nos permite crear textos que sigan una curva, algo que es muy fácil de hacer con programas como Photoshop, no era tan fácil de lograr con jQuery y CSS3, al menos hasta ahora. CSS3 permite rotar texto de forma muy sencilla, no obstante lo que no hace es seguir una curva. Para lograrlo el plugin realizar una rotación unitaria de cada letra para luego dar el efecto curvado a toda la frase. Visiten la demostración del plugin online. Ejemplo de uso de ArcText $example1.arctext({radius: 300}) Con el plugin jQuery ArcText.js ya no quedan excusas para no aplicar el efecto de texto curvo a nuestros diseños, sin sobrecargar ni afectar los tiempos de descarga, ni agregando imágenes innecesarias. Web: ArcText.js

Si han intentado realizar menúes que respondan de determinada manera a los movimientos del ratón, probablemente han hecho uso del a:hover para cambiar el color. Pero hoy en día se pueden animar estas respuestas a través del uso de Selectivizr, un JavaScript que permite que estas pequeñas animaciones aplicadas a los botones puedan visualizarse correctamente en todos los exploradores, incluído en IE6. Obviamente esto es una muestra básica, como siempre digo, el límite de la utilización está en la imaginación. La muestra ofrece tres menúes en colores diferentes en los cuales cada uno de los botones reaccionan al movimiento del mouse a través de una animación tenue. No se queda en el mero hecho de modificar el color sino que uno puede intervenir la animación para lograr efectos más marcados. Descargar Responsive CSS Navigation Menu | PixelsDaily Esta aplicación de CSS no solo les resultará útil para destacar los menúes que hasta ahora resultaban simples sino que les asegura poder mostrarlos en todos los exploradores sin inconvenientes. Más adelante, cuando las propiedades CSS3 sean finalmente compatibles, podrán hacerlo de forma más intuitiva, pero por ahora este .js seguramente les aportará las herramientas necesarias para lograr algo atractivo.

Plantilla de la nueva página de fan de Facebook con sus dimensiones Estos elementos resultan útiles más que nada para ahorrar tiempo midiendo tamaños de imágenes y disposiciones. Si están buscando información sobre las nuevas páginas de fan de Facebook, o sus perfiles, entonces esta plantilla les resultará muy útil. A raíz de la implementación de Timeline, nuestros perfiles y las páginas de las que somos administradores han sufrido un cambio (si no lo han hecho aún, ya lo harán), en esta nueva versión se propone utilizar imágenes destacadas de modo portada que muestren aquello destacable, una captura que nos guste mucho o que creamos que nos representa tanto como el avatar. Descargar Facebook New Fanpage GUI | Misz Esta cuestión, para perfiles personales, puede ser subjetiva sin necesidad de comunicar nada y mostrando solamente aquello que nos represente, pero en el caso de empresas, sitios o instituciones, esa imagen así como el avatar, hablará de la presentación que deseemos ofrecer a los usuarios de la página. En este caso, quiero compartir con ustedes una plantilla que los ayudará a plantear de antemano qué colocar en cada caso y la forma en la que pueden hacerlo. Con medidas exactas para optimizar el resultado además de permitir analizar sin distracciones la mejor manera de presentar la información. La guía se encuentra diseñada en PSD con todos los elementos necesarios para trabajar sobre y desde ella.

Si poseen un blog o están planeando tener uno, que necesita mostrar los artículos de varias categorías en su página principal, esta nueva plantilla lanzada por PaddSolutions puede resultarles de ayuda. Se trata de un template listo para instalar bajo plataforma WordPress, con todo lo que tiene que tener: destaque superior (aunque pueden prescindir de él), con slider de fotografías que en este caso solo ocupa la mitad del espacio, mientras que en la otra mitad muestra el resto de las opciones. Al mismo tiempo, posee destaques individuales de cuatro categorías con su respectiva imagen y un extracto de los artículos con el ícono para ver más información. Descargar Nobeliumful | Ver Demo | PaddSolutions Contiene espacio para publicidades, navegación de sidebar mediante solapas y plugin para Facebook listo para editar y utilizar. En el cuerpo principal encontrarán artículos destacados de las distintas categorías a modo de revista online que resulta útil para dar una primera impresión del contenido de forma rápida. Dentro de la plantilla hay más opciones para los diferentes estilos de páginas, aquellas que son estáticas e informativas, quizás tiene algunos detalles en el uso del espacio en los textos, sobre todo en los posts individuales, pero se soluciona fácilmente si tienen algunos conocimientos de css, y sino, puede perfectamente quedar así.

Pie Menu es un fantástico plugin desarrollado con el framework jQuery y con la potencia de CSS3 para la creación de un bonito menú circular animado. Este menú circular funciona de tal modo que las opciones se encuentran escondidas, y solamente se muestran cuando decidimos extender el menú, para realizar esta acción el menú realiza una atractiva animación, la misma se puede configurar con apenas unos pocos parámetros que nos permiten seleccionar el ángulo de salida, el radio del circulo, etc. Otro detalle es que el menú puede configurarse con la capacidad de poder ser arrastrado. Esta opción resulta practica para los usuarios en determinadas situaciones en donde el espacio de trabajo se modifica continuamente. Ejemplo de uso: Estructura HTML: <div id='outer_container' class="outer_container" > <a class="menu_button" href="#" title="Toggle"> <span>Menu Toggle <ul class="menu_option"> <li>< a href="#">< span>Item</span></a></li> <li>< a href="#">< span>Item</span></a></li> <li>< a href="#">< span>Item</span></a></li> <li>< a href="#">< span>Item</span></a></li> <li>< a href="#">< span>Item</span></a></li> </ul> </ div> JavaScript: $('#outer_container').PieMenu({ 'starting_angel':0(Starting Angle in degree), 'angel_difference' : 90(Displacement angle in degree), 'radius':100 (circle radius in px), }); No olviden visitar el sitio oficial del plugin, si se encuentran interesados en utilizarlo les recomiendo ver su demostración online. Web: Pie Menu