Hablemos un poquito de SEO, una parte muy importante en nuestro trabajo, tanto si nos dedicamos a ello concretamente, como si somos diseñadores/programadores web.

Hace ya varios días que abrió sus puertas el Blog para webmasters de Google en castellano. Me parece una idea estupenda la de los chicos de Google de crear, paralelamente al blog “oficial” de Google en inglés, su versión en castellano, para todos aquellos que no dominen a la perfección el Ingles, o simplemente no tienen ganas de leerse una parrafada en un idioma que no es el suyo

Así, siguiendo la linea de otros blogs “traducidos” al castellano, como por ejemplo Dentro de Adwords, los chicos de El blog para Webmasters se estrenan en la blogsfera con una entrevista a Matt Cutts, una de las cabezas visibles de Google que trabaja para el departamento de Calidad de Búsqueda y famoso por sus videos de buenas técnicas para SEO.

Durante la entrevista, dividida en tres partes y subtitulada al castellano, se tratan temas como el blog del propio Matt Cutts, el nuevo navegador de Google: Chrome y finalmente, pasan algunos minutos charlando acerca del White Hat SEO, o como posicionar nuestras páginas sin incurrir en técnicas “ilegales” para Google.

Me sorprende especialmente, la ingenuidad que quiere transmitir el Sr. Cutts a la hora de posicionar una web. Lo describe como: “pon algunas palabrillas clave en tu web, y seguramente aparecerás en las búsquedas de Google…” Si supiera (aun que realmente lo sabe) los miles de euros que se gastan algunas empresas para aparecer primeros en Google por las palabras clave elegidas… pero en fin, supongo que ese tiene que ser su discurso: aparecer en google es facil… gastate 200€ al mes pagando a una empresa SEO!!!

Resumiendo… el Blog para webmasters de Google. Un blog para tener en cuenta y estar atentos a sus artículos, que nunca está de más estar al tanto de que se cuece por esos lares.

Descubro en webmasters by design una web repleta de tutoriales sobre HTML y CSS: HTMLDog.com. Estos tutoriales se dividen en tres niveles diferentes: básico, intermedio y avanzado.

Como comenta Scott Spear en su web, la página cuenta con un diseño cuidado y muy simple, donde ningún elemento nos distrae de lo importante, que como siempre en esto de internet, es el contenido; en este caso de los tutoriales.

Aparte de seguir al pie de la raya los estándares web marcados por la W3C, también existe un índice de etiquetas para el HTML y de propiedades para CSS, donde se describen al detalle todas sus propiedades, por si tenemos alguna duda al respecto durante la lectura. Además de varios artículos donde se extiende sobre temas puntuales de la codificación en HTML y CSS.

Tanto la web como todos los tutoriales, han sido creados por Patrick Griffiths, colaborador en webs de altura como alistapart.com y cssZenGarden.

Y por si fuera poco, y sois de los que aún preferis tener un buen libro entre manos y no estar con los ojos fijos en la pantalla, todos los contenidos de la web los podeis encontrar en un libro que podreis comprar en Amazon UK.

Como veis, toda una web de referencia tanto para los novatos en codificar una web siguiendo los estándares mediante HTML y CSS, como para los que ya llevamos unos añitos en esto pero que, como no, aún seguimos teniendo nuestras dudas.

HTMLDog, una web para tenerla en tus favoritos, sin ninguna duda. 100% recomendable.

Hoy os ofrecemos un excelente tutorial de Photoshop para diseñar, desde cero, un icono de una brújula.

Como podeis ver, el resultado final es asombroso,  y aunque el tutorial está en inglés la gran cantidad de capturas de pantalla facilitan la tarea hasta al mas negado con el inglés, por lo que no teneis excusa para no poneros manos a la obra, y al menos intentarlo.

El tutorial de photoshop para diseñar el icono de una brújula, lo podeis encontrar aquí: Design a detailed compass icon in photoshop

Vía nettuts encuentro un excelente tutorial, acompañado por su correspondiente screencast para utilizar el plugin para jQuery jFlow.

jFlow, un plugin que tan solo pesa 4KB, y con el que se pueden crear efectos tan interesantes como el que se muestra en el tutorial.

Aquí os dejo los enlaces:

Tutorial
Demo

Comenzamos una nueva sección en weblimite, donde daremos a conocer mensualmente las palabrás clave por las que, la mayoría de vosotros, nos encontrais en Google.

Esto nos ayudará a conocer vuestras necesidades, y así poder ofrecer contenidos que se ajusten más a vuestras necesidades.

Empezamos con el mes de agosto. Las 10 búsquedas más repetidas durante este mes han sido:

1. formulario contacto ajax
2. motivos para photoshop gratis
3. formulario de contacto css
4. motivos gratis para photoshop
5. blockquote css
6. border-radius
7. formulario de contacto en ajax
8. iconos meteorologicos
9. weblimite
10. fondos de alta resolucion

¿Y que sacamos nosotros en claro de todo esto? Pues que los temas que más os interesan son: CSS, photoshop, AJAX y packs de iconos. Y como el lector es el que manda, a partir de ahora intentaremos centrarnos más en estos temas.

© WisDoc

Después de unas largas, pero merecidas vacaciones, volvemos a estar al 100% para seguir ofreciendoos los mejores recursos de la red.

Estad atentos, que venimos con muchas ganas, y cargados hasta arriba de recursos.

En diegomattei.com.ar (con el que compartimos theme de wordpress :D) encuentro una estupenda recopilación de backgrounds artísticos en alta definición (2000×1500 px) para utilizar en nuestros diseños.

Un pack de casi 200 Mb, que como siempre nos ofrece en descarga directa a nuestro disco duro.

Los enlaces para la descarga los podeis encontrar aquí: 100 fondos artisticos para firmas y composiciones

Hoy os traemos una recopilación de 10 patterns (motivos) para Photoshop. Todos sacados de deviantart.

1. Victorian Dreams pattern set (jodipheonix)

2. Web 2.0 pattern collection (ademmm)

Read More »

Vía frogx3 encuentro una recopilación de 32 archivos para photoshop (PSD) sacados de deviantart realizada por Francesco Mugnai en su blog.

Carátulas DVD, fondos de pantalla, Iphone, Blackberry, libros, tarjetas de crédito y mucho más es lo que podemos encontrar en esta recopilación de archivos para photoshop.

Aquí os dejo algunos ejemplos de lo que podeis encontrar:

Recopilación de recursos: http://blogof.francescomugnai.com/2008/08/the-best-32-free-psds-you-can-find-on-deviantart/

Vía: http://www.frogx3.com/2008/08/05/32-psd-gratis/

En entradas anteriores, os dejamos un excelente tutorial para crear blockquotes con imágenes de fondo. Hoy encuentro en tutorialblog un artículo donde exponen otra forma de dar estilo al elemento blockquote usando CSS.

Además, a modo de inspiración, nos ofrecen una galería con ejemplos para tomar ideas.

El artículo original podeis encontrarlo aquí: Resources for styling blockquotes