Colección de 20 wallpapers minimalistas
29/05/2009Soy amante del minimalismo. Me gusta lo simple, no solo en lo respectivo al diseño sino también en los campos de la programación y la personalización. Y de este último tema voy a hablar. Best Design Options ha realizado un recopilación de 20 fondos de escritorio panorámicos de estilo minimalista. Y es que un diseño no tiene que estar cargado de efectos para ser bueno ya que, muchas veces, la simplicidad impera sobre la complejidad.
Enlace: 20 Widescreen Wallpapers for the Minimalists
Gmail Checker: extensión Firefox para trabajar con varias cuentas Gmail
28/05/2009Gmail Checker es una de tantas extensiones incorporadas a mi Firefox, pero esta cumple un papel especial: tener autenticadas simultáneamente múltiples cuentas de Gmail.
Su configuración es muy trivial: terminada su instalación, aparecerá un icono en la barra de estado (inferior derecha) mediante el cual podremos iniciar sesión con el gestor de correo de Google presionando la opción “Log in new account”. Una vez te hayas autenticado, situándote sobre la cuenta, tendrás acceso a los correos de tu bandeja de entrada.
Las opciones de configuración que incorpora esta extensión quedan resumidas en la imagen adjunta: tiempo de refresco para comprobación de nuevos correos, SSL, comprobación de los correos de la bandeja de entrada (omitiendo etiquetas), clic derecho sobre el icono de la barra de estado para comprobar nuevos correos, inicio de sesión automático al iniciar Firefox y abrir los enlaces a los correos en una pestaña nueva.
Si eres un usuario que trabaja con varias cuentas de correo de Google, esta extensión de Firefox será imprescindible para poder desarrollar tus tareas más cómodamente.
Enlace: Gmail Checker
Vía: Punto Geek
Google Trends: palabras clave más utilizadas en buscadores
Cuando iniciamos un proyecto web o deseamos optimizar uno, las palabras clave o keywords son un aspecto fundamental a la hora de posicionar nuestra web en los buscadores más populares. Saber qué palabras elegir es una cuestión compleja, puesto que debemos condensar todo el contenido de nuestro sitio utilizando entre 10 y 15 keywords. Conseguir rankings altos no es nada fácil (nadie dice que lo sea), pero si adoptamos modelos o realizamos algunas prácticas podremos situar nuestras páginas entre las primeras, siendo ese el objetivo de cualquier empresario (y webmaster).
Internet es un basto mundo en el que podemos encontrar herramientas que permiten saber las palabras más utilizadas por lo usuarios en los buscadores (wordtrackers o seguidores de palabras de búsqueda). La herramienta de la que os voy a hablar hoy es Google Trends, gratuita y que cumple la función anteriormente mencionada.
Google Trends nos muestra un gráfico comparativo (y temporal) de las palabras clave buscadas por los usuarios, de forma que podamos filtrar aquellas palabras que definan mejor nuestro sitio web. A todo esto hay que sumar el factor de la localización: la herramienta muestra resultados dependiendo de la zona geográfica, sabiendo las palabras que se buscan más en cada región.
Imaginemos que nuestra intención es crear un sitio web de venta de neumáticos en España, pero sólo de una marca exclusiva. Nuestra primera tarea SEO a realizar sería conocer las palabras clave más buscadas en Google y adaptarlas a nuestra web e-commerce. En la imagen siguiente queda demostrada la tendencia de los usuarios en cuanto a utilización de ruedas se refiere.
Como conclusión: las palabras buscadas por los usuarios son muy importantes para elevar nuestra posición en los buscadores. Aprovéchate de las herramientas que ayuden a mejorar tu ranking en los buscadores y afina en la elección de tus keywords. Con el tiempo, tu esfuerzo se verá recompensado.
Citas geek (V): SEO
26/05/2009El SEO no es hacer algo 100% mejor que los demás, sino hacer 100 cosas un 1% mejor que ellos.
[Frase Popular SEO]
FreeVectors.net: extensa recopilación de imágenes vectoriales
FreeVectors es un sitio que se caracteriza por contener un gran banco de imágenes en formato vectorial (ai y eps). Puedes buscar directamente aquello que necesites utilizando el formulario de búsqueda o navegevando a través de todas las páginas. También tienes la opción de subir tus paquetes vectoriales para compartir con el resto de usuarios. Todos los diseños son para uso personal y algunos de ellos están limitados al uso comercial.
Creo que lo que faltaría sería tener categorizados todos los recursos, de forma que fuera más fácil la localización de elementos, pero a pesar de ello, la web cumple bien su cometido.
Enlace: FreeVectors.net
Evolución de la web 1.0, 2.0 a la web 3.0
22/05/2009Os dejo con un vídeo en el que se explica con detalle el concepto de web 3.0. Dedicad unos minutos para verlo, podréis comprobar que no estamos tan lejos del nuevo arte.
Para los que esten un poco desinformados, podéis ver más información acerca de la web 3.0 pinchando AQUÍ.
LogoPond: inspiración para la creación de logotipos
20/05/2009La elaboración de una identidad corporativa no es nada fácil y más si tu tarea es empezarla desde cero. Para poder conseguir un diseño bonito, elegante y que lo diga todo del negocio tienes que partir de una idea. Pero el problema viene cuando no conseguimos visualizar alguna.
Llegados a este punto es cuando surge la necesidad de tener a mano una amplia gama de diseños en los que poder inspirarnos y empezar esa generación de ideas. LogoPond es una página en la que tenemos una extensa lista de identidades con las que podremos recolectar información para adaptarla a nuestros logotipos. Aparte de la inspiración, también es un sitio en el que podremos opinar acerca de los logotipos existentes, de forma que el autor sepa cuál es nuestra visión.
Y si necesitas ayuda para crear un logo también interesaría que leyeras el artículo de Nerv en donde se exponen las 45 reglas para crear un diseño de logo genial.
¿Conoces otros sitios que puedan inspirarnos a la hora de diseñar un logotipo corporativo? Creo que sería interesante que lo comentaras y nos ayudaras en esta laboriosa tarea.
Recursos para el Webmaster (XII): 35 sitios para descargar brushes de Photoshop
18/05/2009En Best Design Options nos facilitan las mejores páginas y blogs en los que podemos encontrar pinceles gratis de todos los estilos y de gran calidad.
Los que nos dedicamos al mundo del diseño lo sabemos: los brushes de Photoshop facilitan mucho las tareas y convierten algunos trabajos en verdaderas obras maestras. Así que si estás interesado en conseguir algún pincel en especial creo que deberías echar un vistazo a algunas de las 35 páginas que se recomiendan.
Enlace: Top 35 Sites and Blogs Where You Can Download Quality Free Photoshop Brushes
La importancia de resetear los valores de las CSS
12/05/2009Cuando un diseñador realiza un proyecto web lo habitual y recomendable es probar los resultados en los diferentes navegadores existentes. Pero siempre nos encontramos la sorpresa de que en algunos existen descuadres y no conseguimos el deseado cross-browser (soporte para todos los navegadores).
Esto ocurre porque cuando los navegadores muestran una página web, además de aplicar las hojas de estilo de los diseñadores, siempre se aplican dos hojas de estilo más:
- Hoja de estilos del navegador: siempre se aplica a todas las páginas web si el diseñador no incluye ninguna. Se utiliza para marcar el estilo inicial por defecto de todos los elementos HTML (tamaños de letra, márgenes…)
- Hoja de estilos del usuario: relativa a la que aplica el usuario mediante las opciones del navegador (no es muy utilizada, pero existe la posibilidad de cambiar el estilo en el que queramos ver las páginas web utilizando las preferencias del navegador).
Como el orden de preferencia de las hojas de estilo del navegador y del usuario prevalecen sobre la del diseñador, nos encontraremos con los descuadres anteriormente mencionados y nos llevará muchos quebraderos de cabeza el acoplar el estilo de una página a todos los navegadores (mediante tips o trucos).
Para solucionar este problema, el diseñador Eric Meyer desarrolló un sistema de borrado o “reseteo” de los estilos que aplican por defecto los navegadores. El propio Eric recuerda que esta hoja de estilo es el punto de partida en el que cada diseñador debe readaptar su código hasta obtener los resultados esperados.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } |
Por último y como punto clave, se recomienda separar las hojas de estilo de reset y la principal de la siguiente forma:
<link rel="stylesheet" href="reset.css" type="text/css" /> <link rel="stylesheet" href="principal.css" type="text/css" />
Recursos para el Webmaster (XI): 14 texturas extrañas en alta calidad
07/05/2009Otra dosis de recursos para los webmasters. Os dejo un enlace a 14 texturas, de estilo variado, para dotar de originalidad vuestros diseños o como fuente de inspiración. La recopilación ha sido cosa de Tutzone.
Enlace: 14 Rare High Quality Texture 2009 – Can’t Afford To Miss
Este blog funciona gracias a WordPress con el theme GimpStyle
© bitelemental. Todos los derechos reservados.