Las 25 tendencias de diseño web para el 2009

Las 25 tendencias del diseño web durante el 2009

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)


Compártelo
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Ping.fm
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • email
  • PDF
  • Print
Sin Comentarios

Cross-browsing y la guerra de navegadores

Cross-browsing y la guerra de navegadores

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.

Cross-browsing y la guerra de navegadores

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.

Compártelo
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Ping.fm
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • email
  • PDF
  • Print
Sin Comentarios

UrlMetrix, comprueba la popularidad de tu página web o blog

UrlMetrix, comprueba la popularidad de tu página web o blog

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

Compártelo
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Ping.fm
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • email
  • PDF
  • Print
Sin Comentarios

Consigue 30€ gratis para crear tu campaña de marketing en Google Adwords

Consigue 30€ gratis para crear tu campaña de marketing en Google AdwordsHace tiempo os hablamos de Google Adwords, sistema de publicidad líder en internet. Desde hace tiempo muchas empresas de hosting vienen ofreciendo en los pack de alojamiento un cupón de 25, 30, 50 o incluso 75€ para Adwords.

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

Compártelo
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Ping.fm
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • email
  • PDF
  • Print
Sin Comentarios

MiWebCSS, galería de páginas web en español en CSS

MiWebCSS, galería de páginas web en español en CSS

MiWebCSS nace con la ilusión de ser la galería de referencia para páginas web en español en CSS. Existen infinidad de galerías CSS, todas ellas en inglés, si bien la comunidad hispana no dispone de un “escaparate” donde servirse de inspiración y promocionar trabajos de calidad en castellano.

Los usuarios pueden enviar sus trabajos para que sean incorporados en las galerías de MiWebCSS . Para que éstos sean aceptados deben cumplir dos requisitos fundamentales, a saber, cumplir estándares web actuales  (W3C) y ser trabajos en español y/o realizados por empresas hispanas.

Los criterios de selección de este índice se basan en la calidad, la innovación y la eficacia del diseño, ofreciendo una pasada rápida por los estándares del diseño web en español.

Más info | www.miwebcss.com

Compártelo
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Ping.fm
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • email
  • PDF
  • Print
Sin Comentarios

Videotutoriales de diseño gráfico: Adobe AIR, After Effects, Illustrator, Photoshop, etc

Videotutoriales de diseño gráfico: Adobe AIR, Flex, After Effects, Dreamweaver, Illustrator, etc

En Video2Brain podemos encontrar una amplia variedad de videotutoriales sobre diseño gráfico. A diferencia de otros portales de la misma temática, Video2Brain pone a nuestra disposición un interesante catálogo para aprender a utilizar herramientas como Adobe Air, Adobe Flex, After Effects, Camera RAW y los típicos de siempre, como Photoshop, Illustrator, FireWords, Dreamweaver, Flash, etc; y además, también disponen de videotutoriales sobre desarrollo web en HTML o PHP e incluso Posicionamiento web (SEO).

Todos los videotutoriales  del listado que os adjunto son gratuitos, aunque Video2Brain también ofrece una completa colección de cursos de pago de diseño gráfico en formato video.

Más info | http://www.video2brain.com/es/videos-all.htm

Compártelo
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Ping.fm
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • email
  • PDF
  • Print
1 Comentario