Modern Pictograms

Descargar

Web Symbols typeface

Descargar

A Free Icon Web Font

Descargar

Iconic Icon Set

Descargar

Raphaël Icon-Set

Descargar

Symbol Signs

Descargar

Web Symbols

Descargar

ikoo

Descargar

Social Media Icons Pack

Descargar

JustVector Social Icons Font

Descargar

Zocial CSS social buttons

Descargar

Foundation Icon Fonts

Descargar

Font Awesome

Descargar

La página ofrece resultados de forma rápida y sencilla, con una interfaz simple pero suficiente. Además permite filtros de búsqueda por imágenes vectoriales o por fotografía, dar un vistazo a las últimas imágenes añadidas o a las más populares. Y, como colofón, permite la búsqueda de ficheros PSD.

• Imagen de perfil: cuadrado de 160 x 160px
• Imagen de portada: 851 x 315px
• Distancias: 23px desde la izquierda hasta inicio de imagen de perfil y 210px desde el borde superior de la imagen de perfil hasta el borde superior de la imagen de portada

O, lo que es lo mismo, gráficamente:

1. Google pone énfasis (y más desde la Panda Update) en que sí se tienen en cuenta las faltas de ortografía y la semántica (de lo que ya traté aquí, aquí, aquí o aquí) en el posicionamiento orgánico.
2. Paralelamente me encuentro cada vez más “nuevos programadores” que saben hacer de todo: programar, diseñar, posicionar, hacer campañas de Adwords, manejar redes sociales corporativas… y lo único que realmente están haciendo es desprestigiar y desvalorar la figura del verdadero programador, diseñador, SEO o Community Manager.

A todo esto, los domingos suelo dedicar un tiempo mayor a revisar y actualizar el blog. Muchas de las entradas que redacto (debido al poco tiempo de que dispongo) no las repaso al 100% y puede que se me escapen faltas de ortografía, de semántica, etc. Sin embargo, no creo que el impacto sea demasiado grande; total, no deja de ser un humilde blog personal en el que no hace mucho decidí integrar Adsense con tal de, almenos, cubrir los gastos de dominio y hosting (ya ves que me conformo con poco).

Pues bien, ayer acabé de redactar una entrada sobre clásicos errores del SEO y, al volver a la página con tal de ver los cambios, me encontré con lo siguiente:

No sé qué empresa “profesional” habrá realizado esta campaña de Adwords, pero sirve como perfecto ejemplo para saber cómo no hacer una campaña de pago en Google. Vale, puede escaparse algún acento, una “G” por una “J” o una mala combinación entre singulares y plurales… pero menudo combo! ¿Me equivoco cuando digo que se está desprestigiando nuestra figura?

PD: Disculpen posibles errores ortográficos

Sin embargo, en este proceso de optimización se están cometiendo ciertos errores que Google nos desvela:

1. No tener una propuesta de valor
2. Enfoque dividido
3. Soluciones que requieren gran cantidad de tiempo
4. Estar atrapado en las tendencias SEO
5. Iteración lenta

Y, además, nos sugieren:

1. Crear un sitio interesante que destaque ante los competidores
2. Incluir palabras relevantes, ponte en la piel del usuario. Es útil conocer a tu cliente
3. Crea etiquetas y títulos únicos y mantén una estructura óptima, así como enlaces internos de calidad
4. Regístrate en Google por si tuvieran que ponerse en contacto contigo si ven “algo raro” en tu site
5. Atrae comentarios naturales y socializa tu web para que los usuarios compartan tu contenido
6. Mantén tu web al día con contenido actualizado, crea un perfil en las redes sociales y desarrolla una versión compatible para dispositivos móviles

Te dejo con el video y la documentación oficial de Google ha publicado:

Básate en la siguiente frase:

Si quieres que tu sitio aparezca en primer lugar, haz todo lo posible para que lo merezca, para que el usuario se sienta afortunado de haberte encontrado, preocúpate de asuntos técnicos después.

El plugin permite crear efectos de sombras realmente avanzados. Según el autor es perfecto para captar la atención del usuario y para landing pages, pudiendo hacerlas mucho más atractivas.

Compatibilidad

Para poder utilizar el plugin es necesario, además del framework jQuery, un navegador moderno que soporte la propiedad box-shadow.

Ejemplo y descarga

Puedes ver un ejemplo y/o descargar el plugin directamente

Uso del plugin

El plugin es totalmente personalizable. Para utilizarle aplicaremos el siguiente código sobre la tabla:

$("table").tablecloth();

Sin embargo, la tabla también puede inicializarse con parámetros personalizados. Sirva el siguiente ejemplo básico (puedes ver información más detallada en la página oficial del plugin):

$("table").tablecloth({
theme: "default", //aplica un tema a la tabla (posibles valores: "default", "none", "stats")
bordered: true, //Añade un borde a cada una de las celdas
condensed: true, //Reduce el padding vertical (ancho y alto) de las celdas de la tabla
striped: true, //Alterna el color de fondo entre las diferentes filas. El color dependerá del theme 
sortable: true, //Habilita el plugin jQuery tableSorter para la ordenación de datos
clean: true, //elimina estilos en linea
cleanElements: "th td", //especifica los elementos sobre los que se quieren eliminar los estilos en linea
customClass: "my-table" //especifica una hoja de estilos personalizada
});

Descarga

Puedes descargar el plugin desde Hithub directamente. También te adjunto más información sobre el plugin tablesorter. Espero que a partir de ahora no pierdas tanto tiempo en maquetar tablas

Image Cropper

Window Resizer

Speed Tracer

CSSViewer

Jsshell

Builtwith Technology Profiler

MeasureIt

ColorPicker

Colour Tweaker

Web Developer

PopChrom

Diigo Bookmark, Archive, Highlight and Sticky Note

Image Properties Context Menu

Bookmark Bar Switcher

Similar Pages

jQWidgets

jQwidgets es un framework basado en jQuery para implementar aplicaciones 100% compatibles con dispositivos móviles, dispositivos táctiles y dispositivos llamémosles convencionales. El framework incluye más de 30 widgets de interfaz de usuario (UI).

jQWidgets no se trata de una versión diferente ni modificada del toolkit jQuery UI. Todos los widgets han sido implementados desde el core principal y aportan diferentes capacidades como herencia, customización, manejo de eventos, notificaciones de cambio de estado, compatibilidad con dispositivos y navegadores…

Eficiencia y compatibilidad con navegadores y dispositivos

jQWidgets da un paso más en lo que a lenguaje JS y HTML hace referencia. Es independiente de la plataforma (sistema operativo) y es compatible tanto con dispositivos móviles como ordenadores de sobremesa. Con ello no hará falta que pierdas el tiempo probando en diferentes navegadores y aparatitos. Es 100% compatbiles y funcional. El plugin utiliza unos estilos basados en jQuery, HTML5 y CSS3.

La compatibilidad con los exploradores y dispositivos es la siguiente :

• Internet Explorer 7.0+
• Firefox 2.0+
• Safari 3.0+
• Opera 9.0+
• Google Chrome
• IE Mobile
• Android
• Opera Mini
• Mobile Safari (IPhone e IPad)

El plugin ocupa poco espacio, es liviano, eficiente y está optimizado para brindar una experiencia de usuario que roza la perfección.

Theme builder (creador de temas)

Además, plantean una herramienta para crear tus propios estilos en los elementos de una forma rápida y sencilla.

Descarga e instalación

Puedes descargar el framework desde aquí. El paquete de distribución incluye:

• SDK
• Ejemplos
• Documentación
• Otros archivos (para el funcionamiento de los ejemplos)
• Pruebas unitarias

Cómo usarlo: Ejemplo

Sirva el siguiente ejemplo, donde se referencian los estilos, el script jQuery, el framework jQWidgets y el elemento botón de dicho framework de 120x35px que siga la hoja de estilos “darkblue”:

<head>
    <title>Getting Started</title>
    <!-- inclusión de estilos CSS jQWidgets -->
    <link rel="stylesheet" 
    href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" 
    href="../../jqwidgets/styles/jqx.darkblue.css" type="text/css" />
    <!-- referencia librería jQuery -->
    <script type="text/javascript" src="../../scripts/jquery-1.6.2.min.js"></script>
    <!-- referencia jQWidgets framework -->
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <!-- Widgets de botón -->
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
</head>
<body>
  <script type="text/javascript">
    $(document).ready(function () {
        $("#myButton").jqxButton(
       { width: '120px', height: '35px', theme: 'darkblue' }
       );
    });
 </script>
 <input type="button" value="Click Me" id='myButton' />
</body>

Afortunadamente, esta guía de buenas prácticas no es una caja negra que nadie conozca; el propio Google nos explica cuáles son (8):

1. Evita texto y enlaces ocultos
2. No utilices el cloacking
3. No envíes consultas automatizadas a Google
4. No cargues páginas con keywords irrelevantes
5. No crees múltiples páginas, subdominios o dominios con contenido PARCIAL duplicado
6. No crees páginas con comportamientos “extraños”: phising, troyanos o cualquier tipo de malware
7. No utilices la práctica “doorways” creadas únicamente para engañar al buscador
8. Si tu sitio participa en un programa de afiliación, asegúrate de que aporta valor. Ofrece contenido único y relevante.

Hay puntos que están clarísimos, como el de evitar enlaces o texto externo. Sin embargo, para el caso del contenido duplicado no queda tan claro. ¿Cuánto se considera contenido duplicado? Eso sí que no lo sabemos…

Más allá de estas 8 directrices, Google plantea 4 principios básicos:

1. Crea páginas para usuarios, no para motores diferentes. No presentes información diferente para el buscador que para el usuario (cloacking).
2. Evita técnicas centradas única y exclusivamente a mejorar tu ranking. Antes de actuar, pregúntate: ¿haría esto si Google no existiera?
3. No participes en programas de enlaces con el fin de aumentar rankings o incrementar PageRank. Evita enlaces de sitios poco fiables para no verte afectado.
4. No utilices software para enviar páginas a directorios ni conseguir enlaces. Tampoco los uses para comprobar posiciones, pues violan los términos de Google, pues envían peticiones programadas a Google, cosa que, como te he comentado antes, no le gusta demasiado.

En el centro de ayuda para webmasters Google ofrece más recomendaciones y directrices.

Desde luego, nada de esto es nuevo. Sin embargo, sí que están enfatizando en esto… Ándate con cuidado!

EDITO el post para incluir una infografía que resume todo lo comentado hasta ahora. Que la disfrutes