450 recursos premium gratuitos para diseñadores web.

Pack de diseño para mejorar las posibilidades de tu sitio web. 

Inky Deals, una de las comunidades de diseñadores web más importantes que existen en la actualidad con más de 300.000 miembros, acaba de lanzar un interesante paquete de recursos premium gratuitos. Entre los cerca de 475 freebies que incluye este pack dedicado a mejorar las posibilidades y trabajo de cualquier diseñador, desarrollador o webmaster, podemos encontrar desde texturas, plantillas, patrones, fuentes, botones o iconos... todos ellos de calidad y temática variada.
Valorado por el equipo de Inky Deals en más de 500 dólares este repertorio ahora gratuito ofrece además la posibilidad de previsualizar cada uno de los recursos incluidos antes de la definitiva descarga, de modo que sea posible conocer al detalle aquello que nos parece puede encajar con nuestra búsqueda.
Interesados pueden acceder a más información y descarga de estos +450 recursos premium gratuitos para diseñadores web desde www.inkydeals.com.

Fotoflexer, editor de efectos para imágenes.

Aplicación web para trabajar nuestras imágenes de un modo sencillo.



Fotoflexer es un editor online con el que podremos añadir mejoras y efectos a nuestras imágenes de forma gratuita y rápida.
Esta aplicación se integra con diferentes redes sociales como Flickr, MySpace, Picassa, Facebook... para la importación y exportación de nuestras imágenes.
Entre sus principales funcionalidades destaca la posibilidad de modificar colores, invertirlos, seleccionar y redimensionar elementos, añadir animaciones, deformar cuerpos, aplicar texturas, incluir textos, trabajar con capas, eliminar ojos rojos, añadir efectos pop, cartoon, píxelado, mapa de calor, bordes borrosos, neón...etc.
Su manejo no presenta excesivas dificultades, simplemente cargar la imagen y empezar a trabajar con la misma a través de una sencilla interfaz.
Fotoflexer esta en constante evolución añadiendo nuevos efectos y herramientas de edición.

Claves para hacer una pagina de aterrizaje.

Formstack te ayuda en el diseño de una landing page.

Una landing o página de aterrizaje es una página web usada como entrada a un site para usuarios que acceden a través de banners o anuncios de texto situados en otras páginas webs.
Una landing page perfecta debe seguir determinadas pautas que ayuden al usuario a centrar su atención en el producto o contenido promocionado.
En Formstack presentan una interesante infografía donde se recogen 10 de las claves que todo diseñador y/o desarrollador debe tener en cuenta a la hora de llevar a cabo una landing page o página de aterrizaje.
Entre las recomendaciones que vamos a encontrar destaca la importancia concedida al título, la relevancia del uso de vídeos e imágenes, la fuerza del uso de un determinado color o la situación del contenido destacado dentro d e la página.

Visual Studio 2013 listo para descarga.

Microsoft lanza una nueva versión de su popular plataforma de desarrollo.

Confirmando las informaciones que en la TechEd de Nueva Orleans del pasado mes de junio, se dieron a conocer, Visual Studio 2013 acaba de ver la luz con un aumento de sus herramientas y posibilidades para crear una nueva generación de aplicaciones.
Tras la llegada de Visual Studio 2012 hace apenas 12 meses, Microsoft lanza uno de sus productos estrella entre desarrolladores, con mejoras en todos los aspectos de la herramienta. Entre esos cambio destacamos mejoras en ALM, mayor funcionalidad, incremento del rendimiento, mayor integración de sus herramientas de ASP.NET, compatibilidad con el desarrollo de aplicaciones para Windows 8.1, junto a algunos cambios en la interfaz de usuario.
Cabe destacar que el precio de Visual Studio 2013 asciende a 499 dólares, no obstante aquellos usuarios que se actualicen desde la versión 2012 podrán hacerlo por 99 USD siempre que lo hagan antes del próximo 31 de enero de 2014 momento en el cuál el precio subirá hasta los 299 dólares. No obstante lo anterior, todos aquellos que deseen una versión gratuita de este entorno de desarrollo integrado para crear aplicaciones, tienen a su disposición Visual Studio Express 2013.
Interesados pueden encontrar completa información oficial de sus posibilidades y características desde visualstudio mientras que la descarga de todas las versiones, gratuitas y de pago, así como software adicional, está disponible desde Microsoft.com.

Google presenta Dart 1.0, su alternativa a Javascript.

Lenguaje de programación de Google para el desarrollo de aplicaciones web.

Tal y como ha sido confirmado por su equipo de trabajo en la conferencia Devoxx, la llegada de la versión 1.0 significa que Dart está listo para los sitios web en el mundo real.
Superando una fase de prueba que ha durado dos años desde que Google presentará en sociedad este lenguaje orientado a objetos, Dart SDK 1.0 se autoproclama como “un lenguaje de programación sencillo pero potente que incluye herramientas robustas y bibliotecas estándar completas”.
Con este lenguaje de programación Google ha centrado parte de sus esfuerzos en que su tecnología sea fácil de aprender y empezar a usar para los programadores JavaScript, solucionando algunas de sus principales deficiencias relacionadas con la escalabilidad y la organización, así como aprovechando varias de sus virtudes. No obstante lo anterior solo el tiempo dirá la compañía líder de Internet logra su proposito o si en cambio éste no es el enésimo lenguaje de programación efímero que pronto pasa al olvido.
Interesados en conocer con todo detalle la llegada de Dart 1.0, así como las características y posibilidades de este proyecto de código abierto pueden acceder a dartlang.org.

LESS dispone de página en español.

Saca partido al popular preprocesador CSS ahora en español. 

Tal y como indica el título de este post, la página de LESS tiene una versión en español gracias al trabajo de traducción de Adrián Matellanes. Como todos sabemos LESS es un preprocesador dinámico de hojas de estilo que multiplica las posibilidades de un desarrollador a la hora de personalizar su proyecto web mediante el uso de variables, mixins, operadores y funciones.
Creado inicialmente por Alexis Sellier, LESS es actualmente mantenido y desarrollado por su propio equipo de trabajo logrando con cada nueva versión (actualmente 1.4) una mejora de este preprocesador CSS. Pese a la indudables ventajas de su uso a la hora de ahorrarnos muchas tareas repetitivas codeando CSS o de crear una estructura más limpia y fácil de mantener, su aprendizaje puede resultar algo complicado para los usuarios menos experimentados, es por ello que gracias al trabajo de la comunidad se ha pretendido facilitar su aprendizaje con la traducción a diferentes idiomas (además del inglés) como alemán, ruso, polaco, indonesio, portugués y también el español.
Usuarios hispanoparlantes interesados en mejorar la curva de aprendizaje a la hora de dominar LESS pueden acceder a la página oficial en español desde lesscss.org.

Galería de Patrones CSS3.

Lea Verou y un interesante recurso para mejorar nuestros diseños web.

CSS3 Patterns Gallery es una excelente galería de patrones realizados enteramente en CSS a cargo de @LeaVerou una de las diseñadoras con más prestifio mundial en el mundo del CSS3.
Ideales para optimizar al máximo un site este repositorio de recursos gratuitos listos para ser usados en cualquier proyecto web y prescindir de la utilización de imágenes para construir fondos.
Pese a la excelencia del trabajo realizado y el amplio soporte actual por los navegadores hay que tener en cuenta las limitaciones en versiones anteriores a Firefox 3.6, Safari 5.1, Opera 11.10+ o IE10.
Su uso es tan sencillo como acceder al site, buscar el patrón que mejor se adapta a nuestros intereses y seleccionarlo para obtener el código listo para pegar en nuestro proyecto.
Como complemento de lo anterior también es posible encontrar SVG Patterns Gallery un repostorio de patterns en formato SVG, listo para utilizar por cualquier diseñador.
CSS3 Patterns Gallery está disponible de forma completamente gratuita desde lea.verou.me.

Hacer que un enlace abra en una ventana emergente.

Truco para que no se desvien tus visitas.

Es muy importante para los webmaster saber como hacer para que un enlace abra en otra ventana, digo esto porque si tú tienes una sesión de web amigas, o intercambio de enlaces, cuando una persona haga click sobre un link que le llame la atención, este sitio podría desviarlo y salir de tú web o blog, abriendo una nueva página en la misma ventana, esto no es ventajoso para nadie, ya que se perdería la atención del contenido de tus sitios, por parte del o los visitantes. Esto sería diferente si el enlace abre en otra ventana.

Para agregar un enlace que apunte a otro sitio y a la vez abra en otra ventana, debes utilizar la expresión TARGET BLANK o TARGET NEW de la siguiente manera:

a href='http://elsitioquedesees.com' title='Titulo' target="_blank"; ABRE EN UNA NUEVA VENTANA

Un ejemplo quedaría de esta manera:

a href='http://www.colonvoleibol.com' title='Voleibol Club La Armonía' target="_blank"Voleibol Club La Armonía

El código ya codificado quedaría así:

Voleibol Club La Armonía

Nótese que al hacer click sobre el enlace, este abrirá en una nueva ventana, pero si le quitas el ' target="_blank" abrirá en la misma ventana

CloudConvert: un conversor online en la nube.

Herramienta gratuita nos permite modificar el formato de un archivo.

CloudConvert es un conversor online gratuito que nos permite disfrutar de su funcionalidad sin que tengamos que instalar nada en nuestro equipo.
Listo para ser usado en todo tipo de dispositivos (también tablets y smartphones) este servicio soporta más de 140 formatos distintos de archivo de audio, vídeo, imágenes, hojas de cálculo, documentos, presentaciones, ebooks... resultando de interés tanto en temas de desarrollo web como para nuestro uso personal.
Su manjeo no presenta ninguna difcultad, simplemente seleccionar el archivo de nuestro equipo (también de sistemas como DropBox o Google Drive) marcar el formato a convertir, elegir el formato de salida y marcar "iniciar la conversión" o incluso si se quiere guardar el resultado en un servicio de almacenamiento (DropBox o Google Drive).
Actualmente CloudConvert dispone también de una API que permite integrar esas funciones de conversión en nuestras propias aplicaciones.
Pese a que esta herramienta online gratuita todavía se encuentra en fase beta, ya es posible empezar a convertir formato sin ningún problema.

Plugin jQuery que mejora la experiencia a la hora de hacer scroll.

AnimateScrol mejora tu web.

AnimateScroll es un plugin que permite añadir desplazamiento con diferentes efectos a nuestro website y con el que su creador, Ram Swaroop, ha pretendido mejorar el ya tradicional “volver arriba”.
Este recurso para desarrolladores permite personalizar el estilo de scroll con más de 30 variados efectos, además también permite controlar la velocidad de desplazamiento lo que da un resultado distinto según el caso.
Este plugin jQuery con el que “animar el scroll” no se limita al cuerpo completo de la página, sino que también puede ser elegido un elemento específico del wrapper o contenedor. AnimateScrol es recurso gratuito que puede resultar de interés para aquellos sites con una cantidad importante de contenidos de forma que el usuario que llega al final del documento pueda volver rápidamente y de forma divertida sin tener que desplazarse por todo la web de forma manual.
Interesados pueden acceder a completa documentación, demos, así como descarga de la última versión de AnimateScroll desde plugins.compzets.com/animatescroll.

Snipplr ¿buscas Snippets para tu web?

Completo repositorio de códigos para ahorrar tiempo y esfuerzo. 

Snipplr es un plataforma que reune un importante número de snippets con los que facilitar la vida de un desarrollador a la hora de llevar a cabo su trabajo.
Entre los recursos que vamos a poder encontrar destacan snippets de CSS, JavaScript, HTML, PHP, Ruby, Objective-C....
Todos los fragmentos de código incluidos en este site están a disposición de cualquier interesado para poder usarlo o implementarlo en su propio desarrollo.
Además si nos registramos y sacamos nuestra propia cuenta en Snipplr también vamos a poder añadir nuestros propios snippets y etiquetarlos para que otros puedan encontrarlos y usarlos, haciendo más grande esta comunidad.

WDD: todo tipo de recursos gratuitos para la web.

Recursos de diseño web gratuitos.

WebDesigner Depot es un popular blog en inglés sobre diseño y desarrollo web donde encontrar todo tipo de tutoriales y temas de actualidad.
Entre esta colección de contenidos hoy quereemos llamar la atención sobre una sección dedicada de forma íntegra a recursos gratuitos destinados a la web y conocidos como freebies, con los que cualquier usuario interesado va a poder acceder a su descarga sin necesidad de “pasar por caja”.
Entre los “regalos” que vamos a poder encontrar en WebDesigner Depot hay colecciones de iconos, texturas, plantillas de sitios web, patrones, botones y todo tipo de elementos de una interfaz gráfica. Además esta sección permanece en constante crecimiento por lo que nuevos recursos son añadidos cada cierto tiempo.
WDD es sin duda una plataforma imprescindible para todos aquellos que se dedican al diseño web resultando de especial utilidad para los amantes de los recursos gratuitos y de calidad.

Comprueba tus enlaces rotos con Check my links.

Extensión para Google Chrome con la que comprobar enlaces rotos en cualquier website.

Check my links es un complemento del navegador de Google con el que de una forma sencilla, rápida y gratuita vamos a poder conocer si los enlaces de un sitio web están funcionando correctamente.
Los enlaces rotos en una web desperdician su valor en términos de posicionamiento web, creando además una pérdida de calidad en la experiencia de usuario y navegación.
Check my links encuentra rápidamente todos los enlaces en una página web y comprueba cada uno, destacando cuáles son válidos y cuáles no (estos últimos los resalta en color rojo).
Entre otras posibilidades, esta extensión de Google puede ser muy interesante a la hora de hacer una migración de una web o simplemente para cualquier webmaster que esté desarrollando o probando un site.
Interesados en seguir conociendo o descargando la última versión de Check my links pueden acceder a la página decomplementos de Google Chrome.
<
<

Catapulty, tu web en cualquier navegador.

Herramienta para desarrolladores web cuyos trabajos pretenden ser cross browser.

Por todos es sabido que los navegadores web son productos creados por empresas o entidades tan dispares como Microsoft, La Fundación Mozilla o Google. Pese a que existen oranismos que definen cómo deben de ser tecnologías como HTML, CSS o Javascript, las diferencias entre los principales navegadores (también entre sus versiones) son más que evidentes.
Esto último genera más de un quebradero de cabeza para aquellos desarrolladores web cuyos trabajos pretenden que se vean de una forma correcta en cualquier navegador. Hasta la fecha cuando queremos probar cómo un proyecto web va a plasmarse en cada browser, solemos copiar y  pegar la URL en el navegador y luego cargamos.
Catapulty, es un sencillo bookmarklet que nos trae una solución para esta necesaria prueba de testeo reduciendo los pasos necesarios a la hora de copiar, pegar y pulsar "enter".
Hay 2 bookmarklets: Hit y Throw. Cuando pulsamos " Throw ", la URL a cargar en otros navegadores es almacenada por el servicio y cuando presionamos "Hit" en esos navegadores, la URL se carga allí. Así de sencillo.

Panguintool, herramienta que mide el impacto de Panda y Penguin en tu sitio.

¿Quieres saber si has sido penalizado por Google y cómo te ha afectado?

Panguintool es un servicio que analiza el impacto que las últimas actualizaciones del algoritmo de Google han tenido sobre tu tráfico web. 
La llegada de Panda y de Penguin (actualmente ya estamos enPenguin 2.0) ha supuesto un cambio en la página de resultados de Google que ha afectado a un volumen importante de sites entre los que destaca especialmente a aquellas que han venido abusando de palabras clave (keyword spam), aquellas que tenían contenido no original o duplicado, aquellas que han hecho uso de un exceso de optimización, y en general todas las que han venido ofreciendo una falta de naturalidad de su contenido web.
Para todos aquellos que quieran saber si han sido penalizados por Google y qué ha supuesto esta penalización disponen de una herramienta que nos ofrece información gráfica que nos permite identificar rápidamente en apenas un vistazo si la implantación de esos nuevos algoritmos y sus actualizaciones han supuesto variaciones del tráfico de nuestra web.
Para empezar a trabajar simplemente debemos autorizar aPanguintool que acceda a nuestros datos de Google Analytics de forma que esta cree un sencillo timeline donde queden reflejadas los cambios de tráfico en cada una de las actualizaciones de Google.
Esta herramienta gratuita y fácil de usar, desarrollada por Barracuda Digital está disponible para cualquier webmaster interesado desde Panguintool.

Flipclock, añade una cuenta regresiva en tu web.

Interesante herramienta para presentación de un evento o producto.

Flipclock es una biblioteca javascript para la implementación de distintos relojes, contadores o alarmas en nuestro proyecto web.
Especialmente útil para el lanzamiento de nuevos productos o eventos, Flipclock logra de manera ágil y sencilla llamar la atención de nuestros usuarios sobre la llegada de alguna novedad.
Este proyecto que requiere jQuery 1.7 o superior y prefixfree.js, se puede personalizar utilizando hojas de estilo, y dispone de una sintaxis sencilla que permite su aprovechamiento por casi cualquier desarrollador web.
Por si fuera poco,Flipclock ofrece completa documentación, características y ejemplos desde la página web oficial del proyecto.

Custom 404 personaliza páginas de error en WordPress.

Plugin que nos ayuda cuando un usuario escribe de forma incorrecta una URL de nuestro sitio.

Custom 404 permite a cualquier webmaster reconducir a los usuarios de su WordPress que por cualquier razón vayan a dar a la conocida página de error 404.
Este plugin permite de acuerdo a un estilo general, configurar o ajustar ciertos parámetros para tener una sección de contenido no encontrado personalizada a nuestros gustos e intereses de forma que podamos dar una mejor experiencia de usuario al no hacerle sentir tan incomodo al mismo tiempo que reducimos la tasa de rebote en nuestra web.
Entre los parámetros que podemos configurar encontramos el color de fondo de la página de error 404, el estilo de fondo, la imagen ofrecida y el texto.
De fácil manejo y completamente gratuita, la última versión de Custom 404 está disponible para cualquier interesado desde wordpress.org

Open Click Art, recursos grauitos para cualquier uso web.

Repositorio de libre acceso para ser usados en un proyecto web.

En nuestro intento de encontrar plataformas que ofrezcan contenidos gratuitos que mejoran el diseño de nuestra web, hoy queremos presentaros un proyecto llamado Open Click Art.
Open Click Art es una comunidad de recursos de calidad en constante ampliación con los que podemos darle a nuestro proyecto web el toque personal que estamos bucando.
Especializado en todo tipo imágenes de calidad, este repositorio ofrece sus recursos para cualquier tipo de uso personal o comercial, además incluso es posible bajarlos, modificarlos y volverlos a incluir en tu site sin ningún problema.
Tanto si eres un usuario en busca de recursos gratuitos como si eres un diseñador con ganas de mostrar al mundo tus habilidades no dejes de darle un vistazo a esta plataforma online.

Background Labs, recursos gratuitos para diseñadores web.

Interesantes patrones, texturas y gráficos con los que mejorar nuestros proyecto web.

Background Labs es uno de aquellos favoritos que siempre debemos tener a mano a la hora de personalizar un website, blog o incluso nuestro perfil de Twitter.
En este repositorio web en constante crecimiento encontramos una amplia gama de patrones, texturas y gráficos ordenados de acuerdo a categorías (más populares, temáticas, añadidos recientemente,...) para hacer más sencillo la localización de aquel que nos interese.
Además de lo anterior Background Labs permite filtrar la búsqueda del recurso que más nos interese por colores, de forma que buscar, encontrar y descargar el patrón o gtextura que necesitamos para nuestro proyecto web no pueda ser más sencillo.
Muy recomendable para cualquier diseñador o webmaster que busque faciltar su trabajo, este laboratorio de fondos está disponible de forma completamente gratuita desdewww.backgroundlabs.com.

Zepto.js una alternativa liviana a jQuery.

Librería Javascript orientada al mundo móvil.

Zepto.js es un framework Javascript que con poco más de 5Kbs es una alternativa compatible con jQuery especialmente dirigida a determinados entornos exigentes.
Este proyecto open source liberada bajo licencia MIT que usa la misma sintaxis que jQuery ofrece una estructura completamente modular que nos permite cargar únicamente aquellos archivos que necesitamos en cada parte concreta de nuestra aplicación.
Esta librería interesante para aplicaciones móviles donde reducir al máximo la transferencia de datos ofrece soporte con Safari 5+, Chrome 5+, Mozilla Firefox 4+, Opera 10+, y practicamente cualquier navegador basado en WebKit.
Interesados pueden encontrar completa documentación de la versión estable de Zepto.js desde zeptojs.com.

MixItUp crea listas de contenidos en tu website.

Filtra, ordena y añade efectos a una lista de elementos con este interesante plugin jQuery.

MixItUp permite gracias a  jQuery y también a CSS3 crear paneles de contenidos que nos permitan ordenarlos por categoría, según nombre, de forma aleatoria….
Si bien con jQuery decidimos qué elementos deseamos mostrar u ocultar en nuestra lista de elementos, las transiciones CSS3 se utilizan para poderlos animar. El plugin trabaja bien con diseños Responsive Web Design, es ligero y funciona bastante rápido.
Este plugin jQuery es completamente funcional en cualquier navegador que soporte CSS3, entre los más destacados incluimos Firefox 4 o superior, Chrome 4 o superior, Opera 10.5 o superior, Safari 3.1 o superior y también Internet Explorer 10 o superior.
MixItUp es un proyecto libre que es posible usar en proyectos personales y comerciales de forma completamente gratuita. 

Colección de Iconos sociales metálicos gratuitos.

Coleción de iconos con los que mejorar nuestro diseño web gratis.

El equipo de trabajo de CreativeNerds ha creado a petición de algunos de sus usuarios un set de iconos sociales de alta calidad con un aspecto metálico muy interesante.
Esta colección de recursos para diseñadores es completamente gratuita tanto para un uso personal como para proyectos comerciales por lo que está listo para ser implementado de forma inmediata en cualquiera de nuestros diseños.
Estos 12 iconos metálicos se corresponden con la imagen de plataformas sociales tan importantes como Facebook, Twitter, Digg, Youtube o LinkedIN entre otras.

Google aconseja cómo tratar los periodos de inactividad de una web.

La inactividad de un sitio puede afectar la aparición entre los resultados de búsqueda de Google.

El llamado “downtime” o periodo de inactividad por el que un site no está disponible cuando Googlebot intenta rastrearlo, es un tema a tener en cuenta por cualquier webmaster que pretende evitar el impacto en la visibilidad de su site entre los resultados del motor de búsqueda.

En algunas ocasiones no se puede evitar poner un sitio web offline, ya sea por temas de seguridad, mantenimiento....o incluso por requerimientos legales o culturales. Las desconexiones en los sitios web que no se marcan como tales pueden afectar de forma negativa la reputación de un sitio web, no obstante, existen métodos para tratar los periodos de inactividad ya planeados que por lo general, no afectan negativamente a la visibilidad de un sitio web en los resultados de búsqueda.

En este sentido, en lugar de devolver un código de estado HTTP 404 (No encontrado) o mostrar una página error con el código de estado 200 (OK) cuando se solicita una página, es mejor que devuelva un código HTTP 503 (Servicio no disponible), el cual le dice a los rastreadores de los motores de búsqueda que el estado de inactividad es temporal. Por otra parte, permite a los webmasters ofrecer a los usuarios que visitan la página web y a los robots un tiempo estimado de cuándo estará de nuevo disponible. Si se sabe la duración de este periodo offline (tiempo restante o fecha estimada) puede ser especificada en encabezado opcional “Retry-After header”, el cual podría ser usado por Googlebot para determinar cuándo rastrear la URL de nuevo.

Devolver un código de estado HTTP 503 puede ser una buena solución para otras muchas situaciones. Google encuentra muchos problemas con sitios web que devuelven un 200 (OK) por errores en el servidor, como “downtime”, por saturación de ancho de banda o por páginas temporales (como las de “En construcción”). El código de estado HTTP 503 es la solución del webmaster para todas estas situaciones. Para periodos planificados de inactividad en el servidor, como trabajos de mantenimiento en el hardware, es buena idea tener un servidor disponible para que devuelva el 503. Sin embargo, es importante no tratar el 503 como una solución permanente: los 503 de larga duración se pueden ver eventualmente como una señal de que el servidor está permanentemente no disponible y eso puede dar lugar a que se elimine las URL del índice de Google.

Parecido a cómo se pueden crear páginas 404 más útiles a tus usuarios, es una buena idea ofrecer un mensaje 503 personalizado explicando la situación a los usuarios y haciéndoles saber cuándo el sitio web estará disponible de nuevo.

Mide rápidamente el alcance de una URL con Linktally.

Herramienta online para medir cuántas veces ha sido compartido un contenido en las prinicipales redes sociales.

Linktally es una utilidad web con la que medir el alcance de una URL en varios de los canales de comunicación online más importantes que existen en la actualidad.
El uso de Linktally no puede ser más sencillo, simplemente tipea la URL que te interese rastrear y selecciona Tally para que de forma automática esta herramienta genere un resumen de las veces que ha sido compartida en Google+, Facebook, LinkedIn y Twitter.
Esta herramienta gratuita a la que es posible acceder sin necesidad de registro previo permite además y de forma opcional enviar el informe que se genera a nuestra dirección de correo electrónico.
Linktally es una utilidad sencilla que nos permite de forma rápida comparar los datos de distribución de nuestro contenido con los obtenidos por nuestros competidores.

 

Iconos gratuitos en todos los colores

Interesante proyecto en el que podemos encontrar el icono que necesitamos.

Icons DB es una plataforma web incluye un extenso set de recurso en constante crecimiento que se pueden descargar en cualquier color.
Con más de 2 millones de descargas desde su lanzamiento todos los iconos de Icons DB se pueden utilizar libremente en proyectos personales y comerciales.
Esta colección de recursos incluye los formatos ICO, PNG, JPG, GIF y ocho tamaños diferentes que van desde 16x16 pixeles hasta 512x512 pixeles.
La web del proyecto clasifiica los iconos entre los recientemente añadidos, los más populares o los más preciados. Además podremos hacer búsquedas según el motivo del icono o incluso su color, de forma que podamos cubrir las necesidades de nuestra web o aplicación.
El principal inconveniente es la incapacidad para descargar todo el pack, ya que se ofrece solamente la descarga de iconos de forma individual.

Textillate.js animación de textos en tu sitio web.

Plugin jQuery para mejorar la experiencia de todos los usuarios que visiten nuestro website.

Textillate.js es un pequeño plugin para animar textos en un website utilizando para ello la potencia de CSS3.
Este recurso incluye una variada cantidad de efectos que permiten configurar la animación a nuestros gustos y necesidades. Además es soportado a la perfección en las últimas versiones de los principales navegadores web. (Ojo con aquellos navegadores obsoletos que no aceptan propiedades CSS3).
Textillate.js simplifica el trabajo de cualquier desarrollador web que desee implementar este tipo de efectos animados para ello usa utiliza las librerías animate.css y lettering.js, además del mencionado jQuery.
Interesados pueden acceder a más información, descarga y una demo donde ver las posibilidades de Textillate.js desde jschr.github.com/textillate.

Harlem Shake llega a la web.

Bookmarklet permite añadir a tu navegación web el nuevo fenómeno viral que arrasa en Internet.

Seguro que has oido/visto en los últimos días la fuerza que un fenómeno como Harlem Shake está teniendo en todo el mundo (en apenas una semana se han subido a Youtube más de 12.000 versiones que acumulan más de 44 millones de visitas).
Como respuesta a este movimiento viral, los responsables del equipo de desarrollo de Moovweb, han sabido llamar la atención con el lanzamiento de Harlem Shake Bookmarklet, un marcador que ejecuta esta coreografía anárquica en la página web que estés visitando con tu navegador Google Chrome.
El código de este marcador es abierto así que si tienes nociones avanzadas de javascript puedes meterle mano y crear tu propio Bookmarklet con el que sacarle partido a este "boom" que ha supuesto Harlem Shake.

Anatomía de una Homepage Efectiva.

Guia para sacar el máximo rendimiento a la página de inicio de nuestra web.

La homepage es la página principal de un sitio web, es en definitiva la primera URL a la que acceden nuestros usuarios a través de su navegador web y que por tanto se convierte en el escaparate con el convencer a cualquier interesado de que somos lo que está buscando.
En atención a su relevancia los chicos de KISSmetrics han llevado a cabo una imagen infográfica bajo el título "The Anatomy of an Effective HomePage" donde poner el acento en el cuidado que debemos tener al llevar a cabo el diseño y estructura de la página de inicio de nuestra web.
No importa el tipo de website que queramos llevar a cabo ya que una homepage bien diseñada debe contener elementos como logo, buscador, menú de navegación o contenido con los que lograr aquellos objetivos que tenemos interés nuestros usuarios lleven a cabo de forma que un simple vistazo el usuario deba percibir toda esta información.
Esta interesante infografía con la que sacar el mejor rendimiento de site está a tu disposición de forma integra desde blog.kissmetrics.com 

Colección de Iconos sociales metálicos gratuitos.

Colección de recursos con los que mejorar nuestro diseño web.

El equipo de trabajo de CreativeNerds ha creado a petición de algunos de sus usuarios un set de iconos sociales de alta calidad con un aspecto metálico muy interesante.
Esta colección de recursos para diseñadores es completamente gratuita tanto para un uso personal como para proyectos comerciales por lo que está listo para ser implementado de forma inmediata en cualquiera de nuestros diseños.
Estos 12 iconos metálicos se corresponden con la imagen de plataformas sociales tan importantes como Facebook, Twitter, Digg, Youtube o LinkedIN entre otras.
Interesados en acceder a esta colección de iconos sociales pueden hacerlo ya de forma forma completamente gratuita desde creativenerds.co.uk

factores más importantes para conseguir los primeros lugares en Google. (1º parte)

1. Popularidad de enlaces del sitio web
El número de enlaces que apunten a tu sitio web desde otras páginas es de vital importancia para alcanzar buenas posiciones en los buscadores.
Los links provenientes de páginas web de temática similar con un alto page rank tienen mayor relevancia
El texto empleado en los enlaces para describir la web es un factor muy influyente por lo que debe contenter palabras clave, no utilice un simple pinche aquí para describir su link.
Conseguir nuevos links frecuentemente también puede ayudar a subir muchas posiciones en los listados de Google especialmente en las webs de reciente creación
Otros factores que aumentan el valor de los links son:
Fecha de creación. Los links más antiguos se consideran más importantes
Texto que rodea al link. Es recomendable que tenga que ver con el contenido de la web al que apunta el link
Enlaces provenientes de dominios con extensiones .edu o . gov

2. Texto de la páginaLas palabras clave del título deben aparecer también a lo largo del texto de la página de una manera natural, sin recurrir a la repetición excesiva y antinatural que podría ser penalizada por Google. También es recomendable escribir numerosos sinónimos y palabras relacionadas con las palabras clave.
El texto de los links incluidos en la página es especialmente importante y también deben contener palabras clave relevantes.
Algunos expertos consideran que influye la localización de las palabras clave en la página, siendo los lugares más importantes el principio del primer párrafo y el final del texto completo de la página.
Las webs diseñadas con flash o demasiadas imágenes y poco texto no suelen posicionar bien en los buscadores. Tampoco es recomendable un texto demasiado extenso, procure dividir la página en dos para reducirlo. La cantidad de texto ideal suele estar entre 75 y 150 palabras por página.

3. Titulo de la página
El titulo es la meta etiqueta más importante de todas, debe ser rica en palabras clave y lo suficientemente atractiva como para motivar al usuario a visitar su página.

4. Estructura interna de los enlaces del sitio webLas página del sitio con links directos desde la página principal y con mayor numero de enlaces del resto del sitio al que pertenecen suelen alcanzar mejores posiciones.
Es importante que el texto de estos links sea rico en palabras clave, procure por ejemplo, no incluir el enlace con el texto incio para su página principal, sustitúyalo por palabras más relevantes para el tema de su web.

5. Fecha de creación del sitio web
Los dominios y las página más antiguas suelen tener más importancia para Google que los más recientes.
También es un factor importante la antigüedad de los links que apunten a nuestro web.

Herramienta para aumentar el trafico web.

Aumenta tú tráfico web con la herramienta botón de invitar amigos.
Sin lugar a dudas Free Tell a Friend y AddToAny En español (Recomendado en español) son potentes herramientas a la hora de promover tú web y por ende traer visitas, es una web donde tienes la facilidad de poder crear un botón que contiene una cantidad de opciones para que los usuarios inviten a sus amigos a navegar por tú web o blog. Entre las opciones que trae este botón se destacan las siguientes:

1) Importar todos los contactos directamente desde una cuenta de correos Gmail, yahoo o Hotmail, con solo introducir el usuario y contraseña.

2) Enviar mensajes a 5 personas directamente a los correos electrónicos, posee 5 campos para introducir los mails de los amigos que quieras invitar a tú site.

3) Te da la posibilidad de compartir tú contenido directamente con otras redes sociales,con más de 50 opciones, desde las más importantes hasta las menos relevantes.

La desventaja es que está en inglés , pero no hay que ser un bilingüe para poder utilizar esta herramienta.

Si deseas obtener el botón para incluirlo en tú web, ingresa con pinchar esta imagen



Pero hay otra opción en español esa es la ventaja con respecto a Free Tell a Friend, también es muy buena, para entrar y crear tú botón entra en la imagen