Navegg : Analizar perfil demográfico de tus visitantes

Siempre es importante conocer el perfil y caracteriticas de nuestros visitantes, para asi saber si nuestra web esta recibiendo visitas de el mercado meta donde planeamos vender nuestros productos y servicios.

Un par de herramienta sque t epueden ayudar a posicionarte bien en internet las tienes en sktool una gran herramienta para elegir Palabras clave y en Visual Round Trip Analyzer: Analiza tu pagina web o blog para optimizar su diseño

Navegg nos permite analizar el tipo de visitante que accede a nuestra web mostrando datos estadísticos sobre el sexo, la edad, región, nivel educacional y temas de interés. Es un proyecto desarrollado en Brasil.

A diferencia de sus competidores, Navegg se focaliza mas en entender a tu audiencia, demográfica y geográficamente hablando. La idea de este servicio es entender correctamente quienes sin nuestros visitantes y de donde provienen. Entendiendo a nuestra audiencia es mucho más fácil encarar un análisis de mercado el día de mañana. Para tener el servicio instalado y funcionando, solo debemos añadir un pequeño script en nuestrz web o blog.

Tras un par de días tendremos los primeros informes demográficos que nos permitirán obtener datos. Navegg es un servicio gratuito todavía en fase beta cerrada que aun debe mejorar para alcanzar una mayor fiabilidad.

Colección de tipografías (fuentes) florales

Una parte importante de un proyecto web es el tipo de fuente (letras) que se va a utlizar (tamaño, tipo , color,etc) que no desentone con el diseño final. En internet podemos encontrar muchos tipos de letras ,desd elos mas simples hasta los mas complejos.

Si buscan tipos de fuente slos pueden encontrar aqui Descarga fuentes (tipo de letra) gratis para tu logo, web o blog o en este post Descarga gratis mas de 8000 tipos de letra de calidad

Gorgeous Examples of Floral Typography es el nombre de la colección de magníficos ejemplos tipográficos de diseño floral que Smashing Magazine ha reunido. Esta colección de tipografías en las que parece que las letras estén formadas por elementos florales combina de forma artística, caligrafía y tipografía, para transmitir un estimulante mensaje a nuestros lectores además de una importante mejora del diseño de nuestra web o blog.

Como viene siendo habitual cada uno de estos recursos para diseñadores dispone de un enlace a la web de su autor donde podremos acceder a su descarga así como información detalla de su licencia y condiciones de uso. Además de todas estas tipografías florales clasificadas en categorías disponemos de algunos tutoriales que nos ayudarán a dominar la técnica de uso y creación de los mismos.

WebKut : Capturas de webs en imagen con Adobe AIR

Realizar una captura de pantalla de una pagina web puede ser muy útil cuando encontramos un artículo interesante pero no tenemos tiempo de leerlo, o si queremos guardarlo en nuestro PC para compartirlo con otras personas sin correr el riesgo de que esa página desaparezca de la red.

Otras herramientas para capturar pantallas puede encontrar en Gadwin PrintScreen : Potente y sencillo capturador de pantalla gratis y en este otro articulo SnapCasa: Capturas de pantalla automaticas de cualquier sitio web

WebKut es una aplicación sencilla y gratuita programada en Adobe Air que nos permite captura una página web completa sin necesidad de hacer scroll, un fragmento o el contenido que estás viendo en ese momento convirtiéndolo en un archivo de imagen.

Podemos cargar cualquier página, ya que la pantalla de captura es en sí un buscador. De esta forma, cuando hayamos cargado la página que queramos capturar, únicamente tendremos que seleccionar el tipo de captura: página completa, vista actual o selección personalizada. De esta forma tendremos en JPG, PNG o PDF una página para leerla luego.

WYMeditor : Editor web de XHTML

Cuando tene mos una web, debemos tener en cuenta que el codigo este perfectamente estructurado conforme a las especificaciones W3C sobre XHTML

Si deseas conocer herramientas para diseñar tu web o mejorarla te recomiendo Extensiones Firefox para desarrolladores web

WYMeditor ha sido creado para generar código perfectamente estructurado XHTML, compatible con las especificaciones del W3C, el código no se puede contaminar con informaciones visuales como los estilos de fuente y los tamaños, bordes, colores.

WYMeditor es un editor XHTML web WYSIWYM (What You See Is What You Mean, o Lo que Ves es lo que Significa). La idea principal de WYMeditor es dejar a un lado los detalles del aspecto visual y concentrarse en la estructura y el significado, al mismo tiempo de ofrecer al usuario una interfaz agradable.

Una vez se ha integrado la página de edición al sitio web, se efectuan los cambios en el texto de la ventana grande, y se atribuyen las propiedades de los párrafos de la lista disponible. No queda más que clicar al botón de envío para validar. La oferta de propiedades no es infinita, pero sí suficiente para la puesta en marcha de una página clara y homogénea, ya que no nos ocupamos más que del contenido y del nivel jerárquico de los párrafos y los títulos. La inserción de enlaces, listas, imágenes y el formateado (itálica, subrayado, etc) del texto se hace con botones.

Este se caracteriza por:

• Utilizar estándares: XHTML strict + CSS.
• Estar completamente basado en CSS.
• Está diseñado para se simple y fácil de implementar.
• No requerir instalación.
• Hace especial hincapié en la estabilidad y usabilidad.
• Soportar imágenes, enlaces y algo muy útil, tablas.
• Soportar Skins por medio de CSS.
• Poseer opciones de internacionalización.
• Poseer API y es extensible por medio de plugins.
• Y está testeado en los navegadores: Firefox 2.0+, SeaMonkey, Galeon, Epiphany, Internet Explorer 6 y 7,Opera 9.5+, Safari 3.1+ y Google Chrome.

Closr.it : Zoom para imagenes de alta calidad

Si disponemos fotos de alta calidad y deseamos mostrarlas en nuestra webo o blog, y que no pesen demasiado ni ocupen mucho lugar sin perder la calidad. Esto les va a servir.

Si deseas hacer capturas de imagenes puedes revisar el siguiente articulo ScrnShots : Red social de capturas de pantallas

Closr.it es un servicio online gratuito con el cuál por medio de widgets podrás compartir imágenes en alta resolusión, una de las principales características de este servicio es que si tus imágenes son muy grandes en cuanto a mega pixeles, te permite compartirlas y que tus visitantes de tu web o blog hagan un zoom de estas para observarlas mejor.

Para usar este servicio, sólo es cuestión de registrase y subir la imagen, automáticamente generará un widget que incorpora los controles de acercamiento/alejamiento (zoom) y el botón de visualización a pantalla completa, por lo que es ideal para compartir imágenes en alta resolución.

Closr.it requiere que nos registremos para utilizarlo, y acepta imágenes en formato JPG, PNG o GIF de hasta 100MB aproximandamente, por lo que no tenemos que preocuparnos por el tamaño de las mismas. Dichas imágenes pueden luego ser publicadas en nuestro sitio web gracias a un widget, del cual obtendremos el código.

Scripts para menus desplegables para tu web

Los menús de navegación son importantes para cualquier sitio web. Una navegación en menus bien diseñados y fáciles de manejar suponen una mejora sustancial del aspecto y funcionalidad de un website.

Si deseas hacer menus desplegables con css puedes visitar CSS Menu Builder : Herramienta online para crear menus de manera muy sencilla y rapida

Los menus desplegables (Drop-down list). son elementos que permite a un usuario seleccionar de una lista desplegable una opción. Se distingue de una simple lista en el hecho de que el usuario debe presionar sobre el menú para que se muestren las opciones disponibles

Estos scripts, de uso libre, para crear menus desplegables vienen clasificados en categorías como menus jQuery y CSS, menus profesionales, menus desplegables Javascript y HV Menu v 5.5.

• jQuery Multi Level CSS Menu #1
• jQuery Multi Level CSS Menu #2
• All Levels Navigation Menu
• Smooth Navigation Menu
• Simple CSS Vertical Menu Digg-Like
• Professional Dropdown #1
• Professional Dropline #1
• Jim’s DHTML Menu v5.7
• Drop Down Tabs
• Suckertree Vertical Menu
• Superfish
• jQuery SuckerFish
• Ultimate Drop Down Menu
• JavaScript Dropdown Menu with Multi Levels
• MenuMatic
• Sliding JavaScript Dropdown Menu
• jGlide Menu
• Dropdown Menu Made with Scriptalicious/Prototype
• Chrome CSS Drop Down Menu
• Professional Dropdown #2
• Hover Drop #2
• Skeleton Dropdown
• HV Menu v5.5
• Simple Drop Down Menu v2.0
• Horizontal Drop Down Menu Script

Online Image Optimizer : Herramienta online para optimizar imágenes

Uno de los errores comunes que cometemos cuando colocamos imágenes en nuestra web o blog es que ésta no esté lo suficientemente optimizada. Lo que ocasiona que su carga sea más lenta y consuma más ancho de banda.

Otra interesante herramienta para tus imagene sla puedes encontrar en Online Image Splitter : Herramienta online para cortar imagenes en secciones de manera facil si desea soptimizar el diseño visita Visual Round Trip Analyzer: Analiza tu pagina web o blog para optimizar su diseño

Online Image Optimizer es un editor de imágenes online gratuito que nos permite optimizar cualquier imagen para una web, de este modo podemos modificar una imagen cuidando el tamaño y la calidad de esta para poder subirla a nuestro sitio de modo de hacerlo mas rápido y cuidando el ancho de banda.

El funcionamiento es muy sencillo, subimos la imagen a optimizar o escribimos su URL, en caso de querre obtener la imagen en otro formato lo escogemos y luego presionamos en Optimizar. Online Image Optimize en tres palabras: simple, sencilla y muy útil.

Una vez tengamos los resultados, en cada uno de ellos nos mostrará las diferentes calidades, y el porcentaje de reducción de tamaño de archivo, con lo que ya sólo queda elegir la que más nos convenza, y descargarlas.

Una de las desventajas que este sitio ofrece es que solamente acepta archivos en formato JPG, GIF y PNG, dejando atrás todas la otras posibilidades, ademas sólo acepta imágenes menores de 300 kilobytes.

AlternativeTo : Alternativas a programas de Windows, Mac y Linux

¿Cuántas veces habéis buscado sin éxito sustitutos de algunas aplicaciones por cualquier motivo?. Ya sea por que algunos programas solo funcionan en Windows y no Mac o Linux. O por que buscas un programa gratuito que pueda remplazar a los comerciales.

Para encontrar programas open source pueden revisar el siguiente articulo Recopilaciones de Software Libre / Gratis (open source) o este Gizmo’s Freeware : Programas gratis (freeware)

AlternativeTo es un servicio que te permite buscar por software y herramientas alternativas cualquier Windows, Mac, Linux o herramienta web. Podemos filtrar los resultados por el tipo de licencia del software o aplicación.

Permite encontrar programas que pueden correr en sistemas operativos diferentes y que realizan funciones similares al software del cual buscan sustituto. Con el simple hecho de realizar una búsqueda el servicio nos devuelve todos los resultados compatibles y la plataforma en la que pueden ejecutarse.

Los programas sugeridos especifican el sistema operativo que soportan, el tipo de licencia entre OpenSource, Freeware o Commercial y disponen de una breve descripción, comentarios, captura de pantalla y enlace a la web oficial del programa.

Con una breve descripción de cada uno muestra una lista de otras aplicaciones que pueden ser usadas en substitución de cada opción, permitiendo votar, comentar y sugerir nuevas opciones.

ScrnShots : Red social de capturas de pantallas

Navegando por la web descubres sitios donde inspirate muy atractivos, donde destaca la composición gráfica, las imágenes. Pero tambien tu tienes una imagen fruto de tu imaginacion, que puede servir de isnpiracion a los demas.

Si buscas capturadores de pantalla te recomiendo visitar Gadwin PrintScreen : Potente y sencillo capturador de pantalla gratis o este articulo SnapCasa: Capturas de pantalla automaticas de cualquier sitio web

ScrnShots es una comunidad de diseñadores creada para compartir sus capturas de pantalla de bellos e interesantes diseños. Con éste servicio tomas una captura de pantalla y luego la subes al sitio. Cada usuario podrá dejar sus opiniones o inclusive brindarnos ideas creativas que nos ayuden a lograr un mejor diseño. Podremos crear una lista de Contactos con la cual comunicarnos frecuentemente,

El registro es gratuito y te permine subir una cantidad de imágenes sin límite en formato jpg, gif o png. También puedes embeber las imágenes de tu galería en tu blog, por lo que bién podía ser usado como sitio para alojamiento de imágenes. Puedes utilizar el formulario que hay en el sitio o, si eres usuario de Mac OSX, el widget que podrás instalar en el dashboard. La subida, por tanto, se puede hacer desde Windows, Linux y Mac.

Podrás etiquetar cada captura para ser más fácilmente localizable. Dispondrás de un espacio para tus favoritos. Comparte tus creaciones en tu blog o en una página de tu sitio. Crea widgets para integrar en cualquier lugar de tu web. Debate sobre lo que has hecho o lo que han hecho otros.

Pixelformer : Editar y crear iconos de alta calidad

Si estas cansado de buscar el icono que necesitas o ya te aburren ver siempre los mismo iconos. Internet te brinda la oprtunidad de encontrar editores de iconos para que puedas crear el tuyo. Ya solo depende de tu inspiracion y creatividad.

Si deseas buscar iconos para tu web o blog te recomiendo IconPot: Mas de 2500 iconos gratis para tu web o blog o este otro IconBuffet : Set de iconos gratis para tu web o blog.

Pixelformer es un editor de mapas de bits en fase beta, optimizado para la creación y modificación de imágenes de pequeño tamaño, tales como iconos, avatares o botones. Incluye todas las utilidades presentes en un editor gráfico, como lápiz, aerógrafo, goma de borrar, dibujo de rectángulos y círculos, cubo de pintura, pincel e incluso barita mágica. Además incorpora una variada paleta de colores y edición de capas.

No tiene límites de restricciones para las dimensiones de la imagen, soporte para profundidades de colores superiores a 32–bit RGB con canal alpha, permite crear colores semitransparentes, permite crear diversas máscaras, las paletas son dinámicas, etc.

Pixelformer tiene su propio formato, pero puedes exportar tu obra en PNG, ICO, BMP o TGA e importar imágenes JPG, PSD, PXF, PNG, TGA, BMP, CUR, EXE, DLL, OCX, ICO e ICL. Además Pixelformer viene equipado con su propio extractor de iconos (de librerias o DLLs) así como un optimización de los iconos para poder ser visualizados a mayor resolución en Windows Vista.