Stat My Web es un servicio gratuito muy interesante para nosotros los bloggers y webmasters que deseen conocer datos estadísticos y otras características importantes de su sitio.

No hace falta registrarse, únicamente indicar la url de nuestro dominio (o de cualquier otro) y esperar durante unos instantes a que finalice el análisis y se nos muestren los resultados.

La información que vamos a obtener es mucha y variada, estos son sólo algunos de los datos que se nos mostrarán: ranking de Alexa, Pagerank de Google, tiempo de carga, visitantes diarios y páginas vistas, valor aproximado del sitio (en dolares), gráfica de Alexa, mapa con la distribución geográfica de nuestros visitantes, palabras clave más populares, número de enlaces, etc.

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: Online, Tools, Web, Website
Hazte fan en Facebook | Follow @giObanii

WordPress, sigue siendo simple ye so es genial. Esta simplicidad a veces termina en algunas de las características no existentes que en realidad sería bueno si estuvieran disponibles cuando sean necesario -parece ser que es la definición de los plugins-.

Como Diseñador/Desarrollador paso mucho tiempo con WordPress, y esta ocacion quiero compartir una lista de plugins que debe utilizarse en la mayoria de las instalaciónes de WordPress y terminaran ahorrando mucho tiempo.

En primer lugar, por supuesto, voy a comenzar con una descarada autopromoción. El primer plugin (My Videotag) desarrollado por mí, pero te aseguro que se ajusta al título de este post perfectamente. También voy a incluir los nombres de los autores de cada plugin, sobre todo para evitar confusiones.

My Videotag

Se trata de una sencilla herramienta para insertar videos en post.

Si usted desea no insertar el codigo embed de algun video este plugin le ayudara ya que con solo insertar la URL del video entre las etiquetas video automaticamente se plublicara en su post, el plugin soporta varios sitio y posiblemente aumentara el numero de sitios.

Autor: giObanii

Reporteur

Se trata de una sencilla herramienta de informes de Google Analytics.

Si usted desea obtener su información correcta en el Panel de administración de WordPress en lugar de ir a la página web de Google Analytics, esto es para ti. El plugin proporciona una información básica sobre su sitio web.

Autor: stildv

Google Analytics for WordPress

Se trata de un plugin que incluye el código de Google Analytics.

Todos sabemos que las cosas funcionan con sólo copiar y pegar el código de Google Analytics en el pie de página. ¿O era mejor que el encabezado? ¿Y cómo hacemos un seguimiento de los clics de enlaces salientes o descargas?
Bueno, con este plugin, usted no necesita preocuparse por todo eso.

Autor: Joost de Valk

Google XML Sitemaps

Este plugin es bueno para la creación de XML-Sitemaps de sus post, categorías y todo lo demás para que Google lo indexe.
Definitivamente se necesita una herramienta fiable para eso.

Además, el plugin notifica a Google, Bing y Ask.com cuando hay algo nuevo en el sitemap.

Autor: Arne Brachhold

Q2W3 Post Order

Este plugin llamado AStickyPostOrderER por AndreSC y Max Bond continuó su desarrollo.

Es útil para ordenar tus mensajes cuando se aparece en diferentes taxonomías, categorías o etiquetas.
Puede mostrar un mensaje como el primer, bajo alguna categoría y la tercera como en una de sus etiquetas.

Autor: Max Bond, AndreSC

BackWPup

BackWPup es un plugin vital como siempre hay que tener una copia de seguridad de todo y no confiar en ninguna computadora!

Si se está mudando a otro servidor, lo vas a usar. Si usted está trabajando a nivel local y va a implementar, lo vas a usar. Si usted quiere sentirse seguro y no quieren ninguna pérdida de datos, lo vas a usar. Si usted quiere que su base de datos para ser enviados a su e-mail a casa cada noche, (no es completamente extraño) lo vas a usar. Simplemente, lo vas a usar.

Autor: Daniel Hüsken

Contact Form 7

Hay varios plugins formulario de contacto para elegir. En varias ocasiones me he olvidado de que tenía un formulario de contacto en uno de mis sitios web, hasta el día en que el Formulario de Contacto de Takayuki me envío un e-mail.

Autor: Takayuki Miyoshi

File Gallery

Este es un complemento muy útil, que debe ser definitivamente una parte del núcleo.

Al agregar una foto o cualquier archivo a cualquier post en WordPress, añade una entrada de la base de datos a una tabla que asigna los archivos para el post .. pero WordPress no muestra eso.

File Gallery lo hace. Y no se detiene allí. Usted puede ordenar los archivos con él o establecer uno como image. Otras funciones, usted puede hacer un tema que utiliza una galería real con él, incluyendo la oportunidad de pedir sus imágenes y sin la necesidad de utilizar campos personalizados o imágenes que encajan en su post .

Asimismo, puede adjuntar archivos PDF y haga una lista por separado de su post como archivos relacionados.

Autor: Bruno “Aesqe” Babic

My Category Order

Usted ha ordenado a sus post, pero que no ordenó las categorías.

My Category Order Categoría le permite establecer el orden de las categorías aparecerán en la barra lateral mediante el uso de una interfaz de arrastrar para ordenar.

También añade un widget con opciones adicionales para una fácil instalación en los temas.

Autor: Andrew Charlton

Platinum SEO Pack

Una solución completa de SEO para tu blog de WordPress.

Me gusta porque añade etiquetas automáticas y categorías a los bloques de la cabeza y la meta cuando se cambia un enlace permanente para sus puestos de trabajo, que se encargará de esto sin darle ningún problema.

Una vez más, hay varios plugins SEO disponibles, pero éste te hace trabajar menos para el resultado que desea obtener.

Autor: Rajesh – Techblissonline Dot Com

Regenerate Thumbnails

Este plugin salva muchas vidas si usted es el desarrollador, pero no el diseño de su sitio web o trabajar con un cliente que mide la pantalla con una regla (créanme, he visto eso). Siempre hay una posibilidad de cambiar la imagen y el tamaño medio de la imagen después de codificar el tema y se cargan todas las miles de imágenes a WordPress.

Autor: Viper007Bond

Search Everything

Seamos realistas, WordPress no busca todo. Como el nombre sugiere, este plugin lo hace.

Se añade la funcionalidad de búsqueda, sin modificar ninguna de las páginas de la plantilla: activar, configurar y de búsqueda.

Las opciones incluyen: punto culminante de búsqueda, páginas de búsqueda, extractos, archivos adjuntos, los borradores, comentarios, etiquetas y campos personalizados (metadatos). También ofrece la posibilidad de excluir a determinadas páginas y mensajes o contenidos protegidos por contraseña.

Autor: Dan Cameron of Sprout Venture

W3 Total Cache

WordPress puede utilizar los recursos del servidor, eso es normal. Sin embargo, con este plugin, puedes guardar todo y hacer copias estáticas de las páginas en lugar de la regeneración de ellos para cada solicitud.

Autor: Federico Townes

WP-PostRatings

Este plugin es realmente divertido y útil.

Se añade un sistema de clasificación de Ajax para el post/página de tu blog de ​​WordPress. Se puede utilizar para poner sencillos corazones o botones. O bien, crear un sitio web basado en calificaciones fácilmente

Autor: Chan ‘Gamerz’ Lester

WP-PostViews

Por supuesto que existe Google Analytics. Pero, WP-Postviews satisface otra necesidad, ver el número de visitas de cada mensaje obtiene en tiempo real.
Usted puede hacer una lista de los más visitados o de mis favoritos.

Autor: Chan ‘Gamerz’ Lester

WP-PageNavi

Todo el mundo utiliza PageNavi, ya que añade una navegación más avanzados de paginación a tu blog de ​​WordPress. No digo más.

Autor: Chan ‘Gamerz’ Lester y scribu

qTranslate

Si usted necesita para crear un sitio web multilingüe, en primer lugar se necesita paciencia, de lo que necesita el contenido en varios idiomas. Y, por último, se necesita un plugin que no hacer su vida un infierno.
Escribir contenido multilingüe ya es suficientemente difícil, ¿por qué utilizar un plugin aún más complicado?

qTranslate hace que la creación de contenido multilingüe es tan fácil como trabajar con un solo idioma con una interfaz fácil de usar.
Es compatible con lenguas infinitas que pueden ser fácilmente añadidos/modificados/eliminados a través de la página de configuración.

Todo lo que necesitas hacer es activar el plugin y empezar a escribir el contenido!

Autor: Qian Qin

Editorial Calendar

WordPress no significa que sea fácil de ver si las entradas se han programado. Editorial Calendar ofrece una visión general de tu blog y que cada mensaje será publicado. Puede arrastrar y soltar, para mover los mensajes, editar las entradas en el mismo calendario, y administrar todo el blog.

Autor: Colin Vernon , Justin Evans , Joachim Kudish , María Vogt , y Zack Grossbart

Missed Scheduled

¿Te diste cuenta que WordPress a veces los echa de menos? Este plugin soluciona eso. Viene a rescatar y eso es todo lo que hace. Pero, lo hace bien.

Autor: obus3000

WP Maintenance Mode

Este plugin añade una página de bienvenida a su blog que permite a los visitantes saber que tu blog se encuentra en mantenimiento.
Los usuarios registrados pueden tener acceso total al blog como el front-end (depende de los valores que configuran).

Autor: Frank Bültge

Sidebar Login

Sidebar Login tiene tanto un widget y una etiqueta de plantilla que le permite tener un formulario de acceso en la barra lateral de tu blog. Permite a los usuarios entrar al sistema y vuelve a dirigir de nuevo a la página que se encontraba.

Autor: Mike Jolley

Category Checklist Expander

Si usted tiene millones de categorías que sin duda va a encantar esto (y el plugin siguiente).

Aumenta la altura de la caja categoría y de la lista de verificación en la pantalla de edición de mensaje, para que todas las categorías se muestren. No más desplazamiento! Todas las categorías serán visibles.

Autor: Marcos Jaquith

Searchable Categories

Este plugin es en realidad un Autocompletar categorías para el administrador. Esto hará que el proceso sea rápido y fácil para los escritores para seleccionar las categorías. A medida que se escriba en el cuadro de búsqueda, las categorías serán mostradas y en tiempo real, lo que les permite seleccionar fácilmente lo que es relevante a su contenido sin tener que desplazarse a través de posiblemente cientos de artículos.

Autor: Jason Corradino

ShareThis

Permita a sus visitantes compartir un post/página con los demás. Soporta correo electrónico y publicación de sitios de bookmarking social. Usted necesita una clave de editor si quiere ver que el intercambio de estadísticas o recibir un informe semanal. Eso siempre es bueno.

Autor: ShareThis , Manu Mukerji

Disqus

Usted sabe que necesita este plugin después de encontrar sus ventajas, uno por uno cuando usted comience a usarlo.

Definitivamente va a hacer su vida más fácil mediante la sustitución de su sistema de comentarios de WordPress con sus comentarios alojados y alimentados por Disqus.

Autor: Disqus

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: Plugin, Wordpress
Hazte fan en Facebook | Follow @giObanii

La empresa de alojamiento Greenhost acaba de dar a conocer RePress un plugin para WordPress que permite acceder a sitios web bloqueados

Tras los acontecimientos que han dado lugar en este inicio de 2012 a diversas acciones en favor del bloqueo de determinados websites, varias son las iniciativas que han sido presentadas y que pretenden saltar este bloqueo web.

Este plugin para WordPress permite pasar por alto las restricciones de un determinado site y surge como respuesta tras la reciente orden de bloquear The Pirate Bay vía ISP en países como Finlandia y Holanda.

Al usar este complemento en un site de WordPress, este se convertirá en un proxy para el sitio web bloqueado cambiando la ruta del tráfico desde un usuario hasta el sitio censurado.

RePress se encuentra todavía en fase de desarrollo inicial (0.1 alpha 7) no obstante aquellos interesados en probarlo deben tener en cuenta que requieren WordPress 3 o superior.

Es necesario señalar que pese a que el uso del plugin es completamente legal, cabe la posibilidad que a través de él se de acceso a páginas web que alojan material no autorizado que puedan poner un website en el punto de mira de aquellas autoridades encargadas de combatir la piratería y la transmisión de información reservada.

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: Plugin, Web, Wordpress
Hazte fan en Facebook | Follow @giObanii

BearCSS es una sencilla herramienta para diseñadores web creada usando una combinación de HTML5, CSS, jQuery y PHP.

Esta utilidad permite generar una plantilla CSS que contenga todos los elementos definidos en un archivo HTML de forma rápida y sencilla.

El manejo de esta útil herramienta no representa ninguna dificultad ya que simplemente será necesario subir el documento HTML para que BearCSS nos permita ahorrar un interesante tiempo generando una hoja de estilo.

Interesados pueden acceder al uso de BearCSS de forma gratuita y sin necesidad de registro

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: Código, CSS, Diseño, Generador, HTML, Online, Tools
Hazte fan en Facebook | Follow @giObanii

Cuando los diseñadores gráficos y desarrolladores web diseñan sitios web, se encuentran con los colores en múltiples formatos, tales como RGB, HSL, hexadecimal, HSL, CMYK y mucho más. Encontrar el color perfecto para sus sitios web no suele ser una tarea difícil, pero encontrar la combinación exacta en un formato diferente a veces puede ser un problema. Aquí es donde entra ColorHexa, una herramienta simple que puede ser de gran utilidad. Ofrece a los desarrolladores web información detallada acerca de los colores en casi cualquier formato. Todo lo que tienes que hacer es simplemente escribir el código del color, y ColorHexa le dará una descripción detallada. También se convierte automáticamente el color de su valor equivalente en hexadecimal, binario, RGB, CMYK, HSL, HSV, CIE-Lab, Hunter Lab, XYZ, etc. Además, ColorHexa le permite mezclar colores y crear gradientes entre dos o más colores. Esta herramienta también genera esquemas de color.

Los usuarios encontrarán una serie de opciones en la página principal de ColorHexa. Cinco categorías básicas se muestran en la parte superior de la página, que son 216 web safe colors, Colors by name, Gradient generator, Color blender, Examples. ColorHexa fácilmente le permite obtener los nombres de colores, Hex, RGB y los valores de HSL durante cientos de colores. Para obtener información sobre los formatos de diferente color y la forma de entrar en una consulta, haga clic en la categoría Examples. Por ejemplo, para introducir los valores en hexadecimal, sólo tienes que escribir #ff000, ff000 o f00. Para los valores RGB, RGB insertar seguidos de los valores, o simplemente entrar en el color y el valor. Por ejemplo, rojo 166, verde 83, azul 0. Por otra parte, los porcentajes también se puede utilizar en lugar de números.

Para obtener información sobre el color, simplemente escriba el Hex, RGB o valores HSL, y para combinar dos o más colores, el tipo de los colores separados por “+” . Además de eso, crea un degradado mediante la introducción de dos colores separados por “to”.

Al insertar un valor Hexadecimal, RGB o HSL, cuando se mezclan dos o más colores, ColorHexa muestra la información de color para el color que se crea. La información de color que da detalles sobre el RGB y CMYK composiciones. También muestra información acerca de cómo el color se podría haber obtenido mediante la mezcla de dos colores distintos, y le da el valor hexadecimal del seguro para la Web más cercano color.

En la categoría color conversion muestra los valores para todos los formatos en una mesa limpia, mientras que la categoría Color Schemes muestra una forma complementaria, Split complementarios, análogos, los colores triádicos, tetrádica y monocromática.

En la parte inferior de la página, se encuentra la categoría action, que ofrece a los usuarios código fuente CSS, borde y fondo .

Para generar un degradado entre dos colores, simplemente escriba sus colores separados por la palabra “to” en el campo de búsqueda. ColorHexa continuación, se mostrará un RGB, HSV y el gradiente inverso HSV. Si desea mezclar dos o más colores juntos, haga clic en la herramienta color mixer.

ColorHexa es una gran aplicación que permite a los diseñadores web encontrar fácilmente sus matices y colores que desee en casi cualquier formato. Se ofrece a los usuarios información detallada y funciona como un convertidor de código de color rápido.

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: Color, ColorHexa, CSS, Diseño, Generador, Online, Tools
Hazte fan en Facebook | Follow @giObanii

 
Casi todos los webmasters interesados en seguir las estadísticas del tráfico de un site usan la popular herramienta Google Analytics.

Pese a las actualizaciones y mejoras llevadas a cabo por la nueva y completa versión de Analytics, ChiliStats está especializada en ofrecer datos de la actividad en nuestra web en tiempo real.

ChiliStats es una aplicación gratuita construida sobre PHP y que usa MySQL para almenar los datos. Junto a un sencillo manejo e instalación ChiliStats ofrece un resumen de los datos acompañados de gráficas donde presentar de forma más visual la información recogida.

Todos aquellos que deseen obtener una herramienta sencilla y con un consumo de recursos reducido con la que recopilar la principal información de trafico web en tiempo real encontrarán en ChiliStats una opción interesante.
 

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: ChiliStats, Code, Código, MySQL, PHP, Software, Stats, Tools, Website
Hazte fan en Facebook | Follow @giObanii

PNGGauntlet es una aplicación para comprimir múltiples imágenes en formato PNG sin suponer una perdida de calidad.

Esta sencilla y potente herramienta dispone de una interfaz que nos permite trabajar con nuestros archivos mediante drag and drop.

Además de comprimir, PNGGauntlet es capaz de convertir imágenes JPG, GIF, TIFF, y BMP a formato PNG.

Esta intuitiva aplicación para sistemas Windows es muy útil para subir a la web imágenes PNG de gran tamaño.

PNGGauntlet requiere .NET Framework 4 y está disponible para todos aquellos usuarios que lo deseen de forma libre.

Interesados pueden acceder a la última versión de esta aplicación, PNGGauntlet 3.1

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: Diseño, Optimizar, PNG, PNGGauntlet, Tools, Windows
Hazte fan en Facebook | Follow @giObanii

Google preocupado por la privacidad de los usuarios y ha lanzado al mercado un nuevo portal que ofrecerá consejos y trucos para proteger la privacidad cuando se navega en internet. Good to know es el nombre de la web que ofrecerá conocimientos a los usuarios que no se preocupan por su seguridad cuando navegan por internet tanto en páginas webs como en redes sociales.

El portal se divide en cuatro secciones: seguridad en línea, tu información en la Red, tu información en Google y cómo administrar tu información. Los internautas obtendrán información útil y consejos como por ejemplo cómo comprar con seguridad en la red . Al mismo tiempo ofrecen consejos para navegar en los móviles, ya que se recomienda no guardar demasiada información personal en los términales como contraseñas o datos bancarios.

Además, se recomienda borrar los mails o mensajes que tengan información valiosa para el usuario y cuando se adquiere un nuevo modelo Google aconseja borrar toda la información del móvil que ya no se va a utilizar. Precisamente esto último muy pocos usuarios lo hacen.

Good to Know va dirigido sobretodo a un tipo de usuarios con pocos conocimientos sobre el mundo de la red. Pero es recomendable visitarlo porque se pueden encontrar consejos o recomendaciones que se desconocían y pueden ser de gran ayuda para proteger nuestra privacidad en internet.

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: Consejos, Google, Privacidad, Proteger, Tips
Hazte fan en Facebook | Follow @giObanii

Si estás por empezar un nuevo proyecto web, puedes aprovechar las ventajas y posibilidades que ofrece HTML5. La última revisión del lenguaje html nos ha traído importantes novedades, sobre todo en la multimedia, que son un aliciente para emplear este lenguaje a la hora de desarrollar aplicaciones web.

Se trata de Initializr, un sitio el cual nos sirve como generador de plantillas HTML5 gratis y nos ofrece tres maneras de conseguirlas.

Nos ofrece tres alternativas. La primera consiste en una plantilla genérica, la segunda en una plantilla simple personalizada y la tercera en una plantilla personalizada avanzada. Todos los archivos se descargan en un paquete comprimido en zip.

Así que si quieres una plantilla HTML5 con este sitio te puedes ahorrar mucho tiempo.

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: HTML, HTML5, Initializr, Online, Plnatillas, Tools
Hazte fan en Facebook | Follow @giObanii

Dos formas sencillas de crear un efecto fade sobre una imagen, permutando una por otra.
Sólo usaremos CSS así que el el efecto no funcionará en versiones inferiores a IE9.

El HTML:

1
2
3

<div id="imagen-fade">
  <img src="URL_IMAGEN" width="390" height="260"/>
</div>

El CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<style type="text/css">  
  #imagen-fade {
    cursor: pointer;  
    height: 375px;  
    margin: 0 auto;
    position: relative;
    width: 500px;  
    background: transparent url(URL_IMAGEN_2) no-repeat left top;  
  }  
  #imagen-fade img {
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 1;
    filter:alpha(opacity=100);
  }
  #imagen-fade:hover img {
    opacity:0;
    filter:alpha(opacity=0);
  }
</style>

Ejemplo:

Otra forma simple es utilizando la librería jQuery.

El HTML:

1
2
3

<div id="imagen-fade">
  <img src="URL_IMAGEN"/>
</div>

El CSS:

1
2
3
4
5
6
7
8
9
10
11

<style type="text/css">  
  #imagen-fade {
    cursor: pointer;  
    height: 375px;  
    margin: 0 auto;
    position: relative;
    width: 500px;  
    /* y acá, colocamos la segunda imagen como fondo */
    background: transparent url(URL_IMAGEN-2) no-repeat left top;  
  }
</style>

El Script:

1
2
3
4
5
6
7
8
9

<script type="text/javascript">
  $(document).ready(function() {
    $("#imagen-fade").hover(function(){
      $(this).find("img").fadeOut();
    }, function() {
      $(this).find("img").fadeIn();
    });
  });   
</script>

Ejemplo:

Solo queda de usdetes elegir el que me jor ajuste a su website.

© giObanii fiOri para #toxiGeek, 2012. | Permalink | Sin comentarios | Post tags: CSS, CSS3, Fade, HTML/XML, JQuery, Script
Hazte fan en Facebook | Follow @giObanii