En Pattern8 disponemos de una colección formada por casi 100 patterns (patrones) para nuestros trabajos de diseño gráfico. Los patterns son imágenes que se utilizan, de forma repetida, para fondos de páginas web, tarjetas, flyers, etc. Pueden tener cualquier estampado, ya sean formas geométricas, dibujos, elementos naturales, etc. Podemos filtrar los patterns por colores o simplemente ver toda la colección completa. A la hora de descargar el pattern que nos interese, descargaremos un zip con una imagen .PNG y un fichero de texto advirtiendo de la licencia. Es un portal similar a otros que ya os hemos comentado, como ColourLovers o Ava7Patterns.

Los patterns (patrones de diseño) tienen una licencia CopyRight, que entre otras cosas, no nos permite crear obras derivadas, distribuirlos, reclamarlos como nuestros o utilizar las imágenes alojadas en su servidor en nuestra página web (hotlinking). Sin embargo, y respetando estas normas, somos libres de utilizarlos para cualquier proyecto personal o comercial. Con lo que me pregunto, ¿tanto les hubiese costado poner una licencia Creative Commons, que en resumen, es exactamente lo mismo?

Más info | www.pattern8.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

A continuación os paso una animación muy original donde la guerra se desarrolla en un mundo formado de letras y palabras. Carros de combate, aviones, helicópteros, obuses e incluso las explosiones o los búnkers están hechos de letras. La animación está muy lograda y es espectacular, ¿qué os parece?

Más info | http://www.behance.net/Inlingua-Business-English
Fuente | http://blogvecindad.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Los próximos días 2,3 y 4 de Octubre se celebrará en el IFEMA de Madrid la III Edición del Congreso de Webmasters 2009. En la última edición se alcanzaron más de 3000 visitantes, convirtiéndose así en uno de los eventos más importantes del sector en nuestro país.

La tercera edición del congreso buscará la participación activa de los asistentes, por ello, además de numerosas ponencias y talleres, éstos podrán consultar sus dudas y exponer sus casos a los expertos que asistirán al evento. La programación del congreso tratará temas variados relacionados con el desarrollo web, seguridad y legislación en internet, el comercio electrónico y el marketing en internet (posicionamiento web). Para ello, participaran numerosos ponentes y habrá talleres y charlas prácticas con casos reales (ver programa completo del III Congreso de Webmasters 2009)

Si deseas asistir puedes realizar ya tu inscripción a través de la página del congreso abonando los 60€ de inscripción. Yo estoy planteandome seriamente en asistir. Nunca he ido a ningún evento de este tipo y la verdad es que me resulta muy interesante, ¿y tú? ¿vas a asistir al congreso de webmasters 2009?

Más info | http://blog.congresodewebmasters.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Iconspedia ofrece de forma gratuita un extenso catálogo de iconos de gran calidad. Podemos descargarlos en varios tamaños (desde 32×32 a 256×256 pixels), en formato .PNG, o directamente en .ICO por si los queremos utilizar para el escritorio, como favicons, etc. La mayoría de iconos tienen una licencia Creative Commons que permite su libre utilización en cualquier proyecto, excepto si éste es comercial.

El catálogo es muy amplio. Está dividido en categorías, subcategorías y en casos concretos, a su vez, en más subcategorías. De esta forma los iconos están divididos según su temática y agrupados por etiquetas más concretas. Por ejemplo, hay una categoría de Animales que se divide en Insectos y Animales, a su vez, ésta última se divide en subcategorías según el tipo de animal (ovejas, osos, granja, animales de África, etc). Sin embargo, la herramienta ideal para encontrar lo que estemos buscando es el buscador.

Por otro lado, permite que cualquier usuario suba sus propios iconos, indicando la categoría, nombre del icono, autor y su página. Para poder subirlos debemos cumplir varios requisitos:

• Debemos ser los autores y estar en posición de los derechos de los iconos que vayamos a subir.
• Si vamos a subir un pack de iconos, éste deberá estar compuesto al menos de 3 imágenes con una resolución mínima de 64×64 pixels.
• No se pueden subir iconos con contenido para adultos o de baja calidad.

Interesante recurso que cualquier webmaster debería tener a mano para adornar y mejorar el aspecto de sus artículos o de su página web. Como única pega destacar el abuso de publicidad y la lentitud en el tiempo de carga.

Más info | http://www.iconspedia.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

De entre los muchos beneficios que ofrecen la web 2.0, las redes sociales, marcadores sociales, microblogging, etc., destaca la promoción y divulgación de nuestro contenido en la red. Uno de los estandartes de la web 2.0, Twitter, nos permite llegar de forma directa a nuestros amigos, y a raiz de ellos, a los suyos, y a partir de éstos a los amigos de nuestros amigos, etc.; tejiéndose así una inmensa tela de araña que nos reportará más visitas sin haber invertido tiempo ni esfuerzo.

En la red existen herramientas, como PingVine o TwitterFeed, que tras registrarnos, nos permiten, de forma perpetua y automática, enviar reseñas a los artículos publicados en nuestro blog  o página web. Hasta ahora, esto permitía indicar a nuestros seguidos de Twitter y otras herramientas de microblogging (ping.fm, identi.ca, etc.) la publicación de nuevo contenido que podría resultar de su interés, pero ahora, tras las nuevas funcionalidades incorporadas en Twitter, podremos llegar a mucha más gente sin necesidad de tener ninguna relación con ellos.

Twitter SEO

El nuevo cuadro de búsqueda de Twitter abre la puerta al posicionamiento orgánico en Twitter (podríamos empezar a hablar del término Twitter SEO para tratar todas las acciones que nos lleven a aparecer en los primeros resultados de Twitter), de forma que debemos aprovechar correctamente los 140 caracteres que nos brinda para poder mostrar a los usuarios titulares interesantes y creativos. Podríamos encontrarnos con un problema al utilizar herramientas que envían tweets automaticamente, ya que éstas utilizan el título de nuestro artículo. Si somos buenos copywriters y hemos escrito un buen título, que sea descriptivo e incluya al menos una keyword del tema tratado, entonces, no habrá ningún problema. Sin embargo, si queremos aprovecharnos del nuevo buscador de Twitter y las herramientas de promoción automáticas y nunca prestamos la correcta atención al título de nuestras entradas, no conseguiremos aprovecharnos de la fantástica oportunidad que nos ofrece Twitter para generar nuevas visitas.

Twitter Trends

Al igual que Google, Twitter podría convertirse en un buscador de información relevante sobre diversos temas de actualidad, ya que gracias al microblogging, los usuarios pueden acceder a la información con muy poca diferencia desde el epicentro (tanto temporal como espacial) de la notica. Por ello, las keywords por las que más se ha buscado cada día pueden ofrecernos información relevante sobre lo que se habla en la red y puede servirnos de inspiración para crear contenido original y actualizado, aumentando el flujo de visitas a nuestra página web o blog.

Fuente | http://www.jorgeoyhenard.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Objetivos del curso

• Conocer las principales técnicas para el posicionamiento en buscadores.
• Conocer los factores que influyen en el posicionamiento de una web y ser capaces de corregir los errores detectados.
• Conocer las herramientas de análisis y optimización de un sitio web.

Temario del curso de Posicionamiento en Buscadores

1. El posicionamiento en Buscadores
   Definición y terminología
   
2. Análisis de la web y definición de objetivos
   Temática, keywords, estrategia SEO, riesgos y oportunidades
   
3. Factores en la página
   Etiquetas Meta, contenido, Link Juice y estructura del sitio.
4. Factores externos
   Links,  Link Building,  Link Baiting,  Popularidad,  PageRank
5. Herramientas de Análisis
   Webmaster tools,  Google Analytics, Site optimizer, Keyword tool.
6. Penalizaciones y Black Hat SEO
   Sandbox, Penalizaciones en las SERPS,  Spam, Reputación en internet

Más info | http://www.directivoglobal.com/curso-online

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

La gente de Smashing Magazine ha elaborado un listado con las, que piensan, serán las 25 tendencias del diseño web a lo largo del año 2009. Durante meses han analizado numerosos diseños web, observando las tendencias que han ido cogiendo mayor fuerza y valorando las distintas técnicas de diseño, aspectos visuales, empleo de distintos recursos gráficos y de desarrollo e incluso de usabilidad web etc.

En conjunto, nos muestran un amplio abanico de posibilidades y sirven de perfecta fuente de inspiración a la hora de abordar un nuevo diseño de una página web. Hay técnicas muy interesantes, como el LetterPress, efecto de texto troquelado en un fondo que se ha extendido en el uso de cabeceras, titulares e incluso logotipos; usar etiquetas de precios como banner o medio promocional; reemplazar el texto por imagenes o animaciones flash (técnicas sFIR); interfaz similar a la de una revista; utilización de bloques de texto con un formato especial como introducción a un artículo; o el uso de Index Tags, en vez de Tags Clouds, donde todas las etiquetas tienen el mismo tamaño sin considerarse el volumen de artículos donde estén asignadas.

Más info | Smashingmagazine.com/web-design-trends-for-2009 (Parte I)
Más info | Smashingmagazine.com/web-design-trends-for-2009-ii (Parte II)

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Hoy he entrado al Tuenti y para mi sorpresa, o consternación (sí, estoy enganchado a la tuentimania ;P), el servicio está de mantenimiento. Como había un enlace al blog de la red social, he entrado a cotillear un poco. Entre los diversos artículos, comentarios y entradas de branding, he visto una pequeña creatividad ofertando un puesto de trabajo en Tuenti. Como curiosidad, he hecho clíck y me he puesto a mirar unas cuantas fotos que tienen de sus oficinas y puedo decir que poco o nada tienen que envidiar de las de Google: salas de reuniones con sofas y sillones, puestos de trabajo espaciosos y bien iluminados, salas comunes dotadas de fanásticos sofás para tomar un KitKat, etc. Al grano. Entre los diversos puestos que desean cubrir, el único interesante es uno de Usabilidad y Diseño Web. Entre los requerimientos que exigen, hay uno que utiliza un tecnicismo, que si bien nunca había visto u oído, es fácilmente deducible: cross-browsing. Por asi acaso, he entrado en la Wikipedia a ver qué significaba y como me imagino que no seré el único en desconocer esta palabreja de la jerga de los desarrolladores web, os comeno qué significa.

La etimología de la palabra compuesta nos lleva a pensar en los navegadores web (browsing) y una posible relación entre ellos (cross), que desde mi punto de vista o interpretativo, lleva a pensar a un recorrido que abarque a todos ellos.

Según la Wiki, cross-browsing es la habilidad de un desarrollador web de escribir un código que sea compatible con todos los navegadores y se muestre de forma correcta en cualquiera de ellos, sin importar la versión, ni el navegador. Nació en la década de los 90, durante las guerras de los navegadores (Browser Wars), donde se batieron duramente Internet Explorer y Netscape. Durante este tiempo ambos navegadores añadieron nuevas funcionalidades sin coordinarse entre ellos. Como resultado, muchas funcionalidades que eran soportadas por ambos tenían distintas formas de desarrollarse e interpretarse, provocando que los desarrolladores web tuviesen que aprenderse a escribir el código de dos formas distintas para obtener el mismo resultado.

Otro concepto similar es el multi-browsing. Su significado es similar, con la diferencia de que este tecnicismo sólamente implica que cualquier código debería funcionar en varios navegadores, mientras que cross-browsing implica a todos los navegadores y a todas sus versiones.

Por código se entiende, sobre todo, scripts de lado del cliente (client-side script), como JavaScript, aunque también habría cabida a multitud de clases CSS que Microsoft se ha venido sacando de la manga desde tiempos inmemoriables y que sólamente, por inspiración divina, usa Internet Explorer.

Si bien a día de hoy la mayoría de navegadores cumplen los estándares del W3C, Internet Explorer continúa teniendo sus pequeños detalles que lo hacen diferente del resto de navegadores del mercado y continúa fastidiándonos a los webmasters. Así que ya sabes, si eres capaz de desarrollar páginas web, hojas de estilo, scripts o cualquier código, que sea compatible con todos los navegadores (sin importar nombre o versión), puedes incluir en tu CV una bonita palabra que le dará un toque más cool y más técnico.

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

UrlMetrix es otra herramienta online, que de forma gratuita, nos ofrece información sobre la popularidad de nuestra página web o blog. La información se muestra en una lista donde aparecen indicadores en buscadores (Google, Yahoo, Alexa, Technorati...), PageRank, marcadores sociales (Twitter, Delicious…), enlaces en la Wikipedia, etc.

Lo único especial de esta herramienta y que la hace, quizá, diferente de las muchas otras que encontramos en la red, es la opción de hacer una comparativa entre dos páginas web o blogs, que no es más que dos listas con todos los indicadores, rankings, etc. desplegadas la una junto a la otra.

Más info | www.urlmetrix.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Recientemente he contratado un hosting en una empresa y me han regalado un cupón de 30€ para Adwords que pretendo utilizar muy pronto. Sin embargo, si no estás interesado en contratar ningún plan de alojamiento, pero sí te interesaría probar Google Adwords, puedes solicitar a través de un formulario que te envíen un código promocional de forma gratuita y recibir un cupón por un valor de 30€ para invertir en tus campañas de publicidad.

Más info | http://www.adwordsespana.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet