Pixbag es una marca que fabrica fundas de tela acolchadas para cámaras reflex o digitales con forma de reflex para gente diferente. Las fundas de siempre son aburridas y siempre acostumbran a ser de colores oscuros, ¿y por qué?

Pixbag tiene bastantes modelos diferentes muy divertidos que no se parecen en nada que hayas visto. Podéis ver y comprar estas curiosas fundas en Dawanda por unos 50€ solo en Europa.

Visto en: Petapixel

Google Chrome ha actualizado su logo o icono para pasar a ser un icono en 3D con brillos, textura y demás para ser una versión muchísimo más simple, plana y ligera.

La opinión de los usuarios, como se puede ver en los comentarios de la entrada en Fayer Wayer sobre esto, es muy dispar: a muchos les gusta y a otros muchos no les gusta lo más mínimo.

Yo personalmente creo que no es tan simple como parece ya que se puede apreciar algo de profundidad con los sombreados y es un logo, que como todos, hay que trabajarlo para llegar a él. El nuevo logo hace honor a la filosofía de Google Chrome: sencillez y velocidad, por lo que creo que es muy acertado y funcionará. Todo es acostumbrarse, y en poco tiempo no nos acordaremos del antiguo.

¿Vosotros qué pensáis: os gusta o no os gusta?

Es curioso ver como los distintos diseños empezaron siendo algo así como un escudo, pero esos tiempos pasaron y el minimalismo fue haciendo mella en las marcas de las empresas más importantes. De hecho la mayoría de marcas que veréis a continuación han utilizado en algún momento todos los tipos de logos existentes: logotipos, isotipos e isólogos

A día de hoy el simplismo es el que manda y cada vez son más las empresas que deciden utilizar logotipos simples o simplemente su isotipo y no marcas complejas con isotipos recargados.

Podéis ver ejemplos a continuación (y mucho más tras el salto)

Apple:

Audi:

Canon:

Ford:

IBM:

Kodak:

Mercedes-Benz:

Microsoft:

Mozilla Firefox:

Nike:

Nokia:

Pepsi:

Shell:

Wal-Mart:

Xerox:

Como podéis ver, todo el contenido (cabecera, contenido izquierdo, barra lateral y pié de página) se ha juntado en un mismo cuadro central que destaca del fondo, mientras que antes iba por partes. También han habido cambios en el menú de navegación y se ha rediseñado el logo.

A continuación podéis ver un antes y un después:

Antes

Ahora

Espero que os guste y que déis vuestra opinión: que no os gusta, que cambiaríais, etc…

Los Doodles son las modificaciones del logo de Google creados por artistas contratados por el magno Google para adornar el buscador y hacer honores a días festivos, celebraciones, noticias importantes, etc… Estos logos se aplican a todo el mundo, a países seleccionados o únicamente a un país dependiendo de la importancia del evento.

Detrás de los Doodles están los Doodlers, que es como se le llaman a estos artistas. Podéis verlos en el siguiente vídeo:

En Google Logos podréis ver todos los Doodles que se han hecho en la historia ordenados por años, meses y días.

¿Queréis ver el primer Doodle de las historia?

Se colocó en el buscador el día 30 de Agosto de 1998 en todo el mundo para el Burning Man festival.

Visto en Arturogoga

El mensaje es claro, como en la mayoría de sus campañas: potenciar el uso del preservativo, pero quizá sea por su sutilez en la imagen del diseño o por la indirecta, me ha gustado especialmente:

¡Bonus extra!: Durex XXL

Podéis ver muchísimos más anuncios en Ads of the world o en Coloribus

Estos vasos están diseñados por Damjan Stankovic y son una pasada. Aunque algo freaks, desarrollan un maravilloso juego: son capaces de comunicar a través de sus colores lo qué estamos bebiendo.

Los vasos vienen decorados con multitud de cuadros de colores aparentemente colocados al azar, pero no, están colocados a consciencia para que cuando el recipiente esté lleno de un líquido de color naranja, blanco u oscuro-negro aparezcan las palabras “ORANGE“, “COCACOLA” o “MILK“.

Más información: Cipher Drinking glass
Vía: OhGizmo!

Lo mejor será que lo veáis vosotros mismos. Está claro: ¡Renovarse o morir!

Artista Tomas Nilsson

Antes de nada, pedir disculpas por lo olvidado que ha estado el blog. Sabe mal dejarlo de lado, pero de vez en cuando va bien tomarse un respiro. ¡Gracias por la espera!

Igual que un servidor, en Codigo Geek también han estado un pelín parados, pero han vuelto con su flamante diseño 3.0, que por cierto me gusta mucho y por el cual les felicito desde aquí. Y es ahí donde he visto esta recreación de cómo sería la web de Apple en 1983 si hubiese existido tal y como la conocemos ahora.

Visto en Codigo Geek
Original de Branflakes for Breakfast

Esto es posible gracias a la labor de los desarrolladores de software, que utilizando las herramientas de las que dispone (micro, cámara, conexión a internet, wi-fi…) son capaces de dejar en ridículo a mucho harware anticuado.

Para darse cuenta de lo potente que puede llegar a ser, fijáos en estas imágenes originales de Lukew, donde se comparan algunas de las aplicaciones (software) de iPhone con el hardware o aparato especializado.

Vía Gizmología

Con la próxima salida de Firefox 3.5, el navegador líder actualmente, propone cambiar notáblemente su logotipo tan característico.

Entre los cambios en el nuevo logo de Firefox podemos observar lo siguiente:

• Se ha dado más forma de llamas de fuego en la zona de la cola para así dar más sentido a su nombre “Firefox”.
• Se ha suavizado mucho el pelaje del panda rojo (no, no es un zorro)
• Han mejorado la esfera terráquea del fondo dejando apreciar Europa en la parte derecha y América en la parte izquierda. También se ha añadido el polo norte, algo inexistente en diseños anteriores.

Éstos son los cambios más importantes que se pueden apreciar, pero como comentan, es solo un esbozo de lo que será el nuevo logo de Firefox.

El logo lo están trabajando Anthony Piraino e Icon Factory y está basado en el esbozo (que podéis ver abajo) hecho por Jon Hicks.

Logo y esbozo a mayor tamaño:

Enlace: Blog Mozilla

El tutorial es muy útil para gente que empieza o gente que está acostumbrada a usar CMS como Joomla, WordPress o Blogger y no se atreve a crear su propio sitio web desde cero.

Link: Crear un diseño limpio y moderno para una web

El listado está basado en una web alemana que ha recopilado las mejores 100 tipografías o fuentes de la historia.

Es difícil puntuar o valorar una tipografía, por lo que han hecho una tabla de valores y han puntuado con los siguientes criterios:

* Cifras de ventas: 40%
* Valor histórico / Significado: 30%
* Cualidades estéticas: 30%

Cabe recalcar que las fuentes que se han juzgado son fuentes de pago o de uso bajo licencia, por lo que fuentes como las que vienen por defecto en sistemas operativos o fuentes gratuitas no se han tenido en cuenta.

A continuación se muestra una vista previa de las 33 fuentes principales y debajo se puede encontrar la lista completa de las 100 mejores fuentes.

Las 100 mejores fuentes de la historia

(Nombre de la fuente [año de creación - nombre del diseñador])

1. Helvetica [1957 - Max Miedinger]

2. Garamond [1530 - Claude Garamond]

3. Frutiger [1977 - Adrian Frutiger]

4. Bodoni [1970 - Giambattista Bodoni]

5. Futura [1927 - Paul Renner]

6. Times [1931 - Stanley Morison]

7. Akzidenz Grotesk [1966 - G nter Gerhard Lange]

8. Officina [1990 - Erik Spiekermann]

9. Gill Sans [1930 - Eric Gill]

10. Univers [1954 - Adrian Frutiger]

11. Optima [1954 - Hermann Zapf]

12. Franklin Gothic [1903 - Morris Fuller Benton]

13. Bembo [1496 - Francesco Griffo]

14. Interstate [1993 - Tobias Frere-Jones]

15. Thesis [1994 - Lucas de Groot]

16. Rockwell [1934 - Frank H. Pierpont]

17. Walbaum [1800 - Justus Walbaum]

18. Meta [1991 - Erik Spiekermann]

19. Trinit [1982 - Bram De Does]

20. Din [1926 - Ludwig Goller]

21. Matrix [1986 - Zuzana Licko]

22. OCR [1965 - American Type Founders]

23. Avant Garde [1968 - Herb Lubalin]

24. Lucida [1985 - Chris Holmes / Charles Bigelow]

25. Sabon [1964 - Jan Tschichold]

26. Zapfino [1998 - Hermann Zapf]

27. Letter Gothic [1956 - Roger Roberson]

28. Stone [1987 - Summer Stone]

29. Arnhem [1998 - Fred Smeijers]

30. Minion [1990 - Robert Slimbach]

31. Myriad [1992 - Twombly & Slimbach]

32. Rotis [1988 - Olt Aicher]

33. Eurostile [1962 - Aldo Novarese]

34. Scala [1991 - Martin Majoor]

35. Syntax [1968 - Hans Eduard Meier]

36. Joanna [1930 - Eric Gill]

37. Fleishmann [1997 - Erhard Kaiser]

38. Palatino [1950 - Hermann Zapf]

39. Baskerville [1754 - John Baskerville]

40. Fedra [2002 - Peter Bil'ak]

41. Gotham [2000 - Tobias Frere-Jones]

42. Lexicon [1992 - Bram De Does]

43. Hands [1991 - Letterror]

44. Metro [1929 - W. A. Dwiggins]

45. Didot [1799 - Firmin Didot]

46. Formata [1984 - Bernd M llenst dt]

47. Caslon [1725 - William Caslon]

48. Cooper Black [1920 - Oswald B. Cooper]

49. Peignot [1937 - A. M. Cassandre]

50. Bell Gothic [1938 - Chauncey H. Griffith]

51. Antique Olive [1962 - Roger Excoffon]

52. Wilhelm Klngspor Gotisch [1926 - Rudolf Koch]

53. Info [1996 - Erik Spiekermann]

54. Dax [1995 - Hans Reichel]

55. Proforma [1988 - Petr van Blokland]

56. Today Sans [1988 - Volker K ster]

57. Prokyon [2002 - Erhard Kaiser]

58. Trade Gothic [1948 - Jackson Burke]

59. Swift [1987 - Gerald Unger]

60. Copperplate Gothic [1901 - Frederic W. Goudy]

61. Blur [1992 - Neville Brody]

62. Base [1995 - Zuzana Licko]

63. Bell Centennial [1978 - Matthew Carter]

64. News Gothic [1908 - Morris Fuller Benton]

65. Avenir [1988 - Adrian Frutiger]

66. Bernhard Modern [1937 - Lucian Bernhard]

67. Amplitude [2003 - Christian Schwartz]

68. Trixie [1991 - Erik van Blokland]

69. Quadraat [1992 - Fred Smeijers]

70. Neutraface [2002 - Christian Schwartz]

71. Nobel [1929 - Sjoerd de Roos]

72. Industria [1990 - Neville Brody]

73. Bickham Script [1997 - Richard Lipton]

74. Bank Gothic [1930 - Morris Fuller Benton]

75. Corporate ASE [1989 - Kurt Weidemann]

76. Fago [2000 - Ole Schafer]

77. Trajan [1989 - Carol Twombly]

78. Kabel [1927 - Rudolf Koch]

79. House Gothic 23 [1995 - Tal Leming]

80. Kosmik [1993 - Letterror]

81. Caecilia [1990 - Peter Matthias Noordzij]

82. Mrs Eaves [1996 - Zuzana Licko]

83. Corpid [1997 - Lucas de Groot]

84. Miller [1997 - Matthew Carter]

85. Souvenir [1914 - Morris Fuller Benton]

86. Instant Types [1992 - Just van Rossum]

87. Clarendon [1845 - Benjamin Fox]

88. Triplex [1989 - Zuzana Licko]

89. Benguiat [1989 - Ed Benguiat]

90. Zapf Renaissance [1984 - Hermann Zapf]

91. Filosofia [1996 - Zuzana Licko]

92. Chalet [1996 - House Industries]

93. Quay Sans [1990 - David Quay]

94. C zanne [1995 - Michael Want, James Grieshaber]

95. Reporter [1938 - Carlos Winkow]

96. Legacy [1992 - Ronald Arnholm]

97. Agenda [1993 - Greg Thompson]

98. Bello [2004 - Underware]

99. Dalliance [2000 - Frank Heine]

100. Mistral [1953 - Roger Excoffon]

Traducido de Just Creative Design

Mercedes-Benz ha presentado una idea que podría revolucionar el mundo de las carreras de coches en todos los aspectos: se trata del Mercedes-Benz Fórmula Zero.

Este nuevo concepto de automóvil de carreras usaría motores eléctricos cargados a partes iguales y serían respaldados por placas solares en la superficie para hacer jugar un papel de “ahorrador” al piloto. También, como revolución, se implanta una vela rígida en la parte superior para dar mejor estabilidad y velocidad. A parte de lo increíbles que parecen éstos coches, la novedad es la dinámica que proponen para los circuitos de ésta nueva fórmula, imaginando unos circuitos parecidos a los de los Bobsleigh que darían un espectáculo impresionante a los espectadores. Proponen que las pistas sean transparentes, de tal forma que uno puede ver todos los coches en todo momento, incluso si los coches están por encima suyo.

Quizá este montaje os haga imaginarlo mejor:

(click en la imagen para agrandar)

Más imágenes del coche:

[Comunicado de prensa]

Mercedes-Benz de Fórmula Zero
Mercedes-Benz diseño avanzado centro de América del Norte

Las carreras de lujo llegan a la Fórmula Zero incorporando la emoción de la Fórmula 1, la dinámica de los circuitos de Bobsleigh y la eficacia de los barcos de carreras.

Con la reminiscencia de los Mercedes Benz de carreras de la década de 1930, la Fórmula Zero usa tecnología diseñada para obtener la máxima potencia de los motores eléctricos, carcasas solares aero-eficientes y una vela rígida de alta tecnología.

Cada equipo se asigna la misma cantidad de energía almacenada y se deja a los equipos y los conductores a manejar las variables para ganar la carrera. El ganador se determina por el total de tiempo transcurrido junto con el factor de la eficiencia energética.

Los espectadores de la Fórmula Zero Mercedes Benz se ven envueltos en una nueva dimensión de carreras gracias a la transparencia de la pista, siendo así visible desde todas las perspectivas, incluso desde debajo de las mismas.

Visto en ( TechEBlog ) Fuente original ( eMercedes-Benz )

¿Original? ¿…No mucho? Mira tras el salto.

Vía ( Psyho – Smilecup )

He aprovechado un meme que me envía Mariano que consiste en crear una camiseta original para relajarme y crear una, y la verdad que me gusta muchísimo como ha quedado. Es más, es muy probable que me haga algunas.

El Meme-concurso

El meme original es de un blog bastante nuevo y con ganas llamado Rubia Gurú y con solo participar entras en un concurso para ganar un iPhone. Así que no he podido resistirme a participar.

Meme-concurso: Rubia Gurú

Bloggers a los que invito a participar: Dogguie, Víctor, Rogelio, Rufo, Marlex, Inkilino y Elías.

Vía ( Pysho )

Aquí traigo unas cuantas que nos sacarán alguna sonrisita

Enlace ( Arthur Pins )
Visto en ( el50 )

Cambios

Los cambios han sido leves: he ampliado el ancho “usable” del blog, por lo que ahora contamos con más espacio para poder introducir nuevas cosas y reducir la altura de las páginas. De esta manera el blog pasará del estilo “morcilla” (alargado), para ajustarse un poco más a todas las pantallas y no hacer tan pesada su navegación dándole a la ruedecita del mouse…

El sidebar ha cambiado también, pasando de ser de una sola columna a ser un híbrido entre dos una y dos columnas. Si te fijas llega un punto en que el sidebar se divide.

¿Y por qué?

Esto mejora la navegación, separando los items importantes y permitiéndome añadir una barra vertical de Adsense, aunque quizá opte por otra alternativa en un futuro.

Además era algo que necesitaba hacer, pero que no encontraba nunca el momento ni las ganas de hacerlo, ya que tenía que remodelar varias imágenes para que cuadrase, a parte de reconstruir el contenido del sidebar.

Espero que te guste y te sea útil. Para cualquier problema de visualización comentarlo por favor.

Wallpaper WordPress 2.5 azul

Puedes descargarlo en diferentes tamaños:

640 × 480
800 × 600
1024 × 768
1152 × 864
1280 × 800
1280 × 960

1280 × 1024
1440 × 900
1600 × 1200
1680 × 1050
1920 × 1200
2560 × 1600

Descarga el paquete entero en ZIP

Wallpaper WordPress 2.5 rojo

Puedes descargarlo en diferentes tamaños:

640 × 480
800 × 600
1024 × 768
1152 × 864
1280 × 800
1280 × 960

1280 × 1024
1440 × 900
1600 × 1200
1680 × 1050
1920 × 1200
2560 × 1600

Descarga el paquete entero en ZIP

     

Wallpaper WordPress 2.5 verde

Puedes descargarlo en diferentes tamaños:

640 × 480
800 × 600
1024 × 768
1152 × 864
1280 × 800
1280 × 960

1280 × 1024
1440 × 900
1600 × 1200
1680 × 1050
1920 × 1200
2560 × 1600

Descarga el paquete entero en ZIP

     

Wallpaper WordPress 2.5 turquesa

Puedes descargarlo en diferentes tamaños:

640 × 480
800 × 600
1024 × 768
1152 × 864
1280 × 800
1280 × 960

1280 × 1024
1440 × 900
1600 × 1200
1680 × 1050
1920 × 1200
2560 × 1600

Descarga el paquete entero en ZIP

     

Wallpaper WordPress 2.5 blanco y negro

Puedes descargarlo en diferentes tamaños:

640 × 480
800 × 600
1024 × 768
1152 × 864
1280 × 800
1280 × 960

1280 × 1024
1440 × 900
1600 × 1200
1680 × 1050
1920 × 1200
2560 × 1600

Descarga el paquete entero en ZIP

     

Nota: estos wallpapers son creación propia y están bajo licencia de Creative Commons.

Vía Xyberneticos he encontrado un paquete de iconos muy bonitos de redes sociales y demás como iconos de rss, digg y del.licio.us entre otros, con los que podrás embellecer tu web o blog.

Son totalmente gratis y los puedes descargar por separado en formato ZIP. Vienen en PNG transparentes y en tres tamaños distintos, con lo cual podrás adaptarlos a tu gusto y usar con cualquier fondo y diseño.

Enlace ( 12 iconos gratuitos para tu web )

Aumenta el tráfico de tu web apareciendo en galerías de diseños web

Una buena manera de aumentar el tráfico de tu web es presentar tu web en galerías de diseño web. Hay muchas galerías de diseño web muy populares donde puedes enviar tu diseño para que los usuarios lo vean y lo voten. Si tu diseño es bueno, este saldrá en portada llevándote muchas visitas y posibles nuevos lectores o seguidores.

Ten en cuenta que estas galerías son para diseños exclusivos y propios. No envíes tu blog con la plantilla de turno.

Top 15 galerías de diseño web

1. Bestwebgallery

2. CSS-website

3. CSSclip

4. CSScollection

5. CSSdrive

6. CSSelite

7. CSSflavor

8. CSSmania

9. CSSremix

10. Designmeltdown

11. Designshack

12. Mostinspired

13. Professionalontheweb

14. Dailyslurp

15. W3csites

Aumentar el tráfico de tu web regalando obras

La creación de obras de arte para regalar en forma de descarga gratuita en un sitio web o un blog puede ser una buena manera de aumentar el tráfico de su sitio web de forma gratuita. También puede enviar su obra a los sitios de descarga, algunos de los cuales se enumeran a continuación y que puede obtener más de exposición!

16. Crear pinceles de Photoshop – En Diego Mattei puedes encontrar un tutorial orientativo. El resto lo haces tu.

17. Crear paquetes de iconos – Puedes crear paquetes de iconos gratis para blogs o para los sistemas operativos. Si los paquetes valen la pena se hablará de ellos en multitud de sitios dedicados al desarrollo y diseño web.

18. Crear Wallpapers gratis – Asegúrate de hacerlos en alta calidad para que puedan ajustarse a pantallas con alta resolución. Esto puede hacer que se hable de ellos y por lo tanto de ti.

19. Crear Ilustraciones en vectores de calidad – Es importante ofrecer calidad en los vectores para que la gente los analice y se inspire. Aunque te cueste mucho trabajo esto hará que la gente te tenga en cuenta y se interese por ti.

20. Crear patrones y motivos para Illustrator – Intenta crear motivos y patrones llamativos para que la gente los use y los comente. Los motivos florales gustan mucho.

21. Crear Tipografías - Cuanto más originales y llamativas sean más comentadas serán. Puedes enviarlas después a galerías de tipografías gratis como estas:

• Urbanfonts
• Dafont

Aumentar el tráfico de tu web exponiéndote

Asegúrese de que tus creaciones esten en el mayor número de sitios posible ya que en estos sitios se mueven muchos cazatalentos y empresas que buscan gente que valga la pena. Intenta mostrar lo mejor de ti.

Puedes registrarte en alguna de estas webs:

22. Coroflot

23. Behance

24. Design Related

25. Deviant Art

Aprovecha también Myspace, Facebook y todos los sitios donde puedas enlazar a tus trabajos y mostrarte.

Aumentar el tráfico de tu sitio web participando en foros

Si eres capaz de moverte bien y hacerte respetar en un foro conocido, mucha gente te prestará especial atención y podrás promocionar tus trabajos o tu web. Esto es facil ya que en los foros los miembros tienen un karma más alto o más bajo dependiendo de la calidad de posteos o por su experiéncia. Algunos importantes (en inglés) son los isguientes:

26. Your Design Forums

27. Designerstalk

28. Graphic Design Forum

29.Estetica Design Forum

30. Forum How Design.com

No olvides ofrecer calidad de información en tu web y tener en cuenta otros consejos, como el posicionamiento, estándares, etc.. sino todas estas visitas no volverán.

Visto, modificado y traducido de ( You the Designer )

15 Tipografías Serif

Por si no sabes lo que es una tipografía Serif explico muy brevemente: la diferencia con el tipo sans-serif es únicamente que las serif tienen el rabillo inferior y superior en los extremos de las letras, con lo que les dan un toque de seriedad, madurez y definición. Es la parte marcada en rojo de la imagen.

1. Adobe Caslon

Se usa mucho en revistas, periódicos, libros de lectura o de comunicación corporativa.

2. Adobe Garamond

Se usa en libros de lectura y revistas.

3. Bembo

Se usa en posters, y libros de lectura.

4. Bodoni

Es usada en titulares, texto, logotipos.

5. Clarendon

Se usa en diccionarios y en titulares.

6. Courier

Documentación técnica y procesados de textos.

7. Excelsior

Para boletines, informes y contratos de trabajo.

8. Lucida

Es de baja resolución de impresión por el pequeño tamaño de punto.

9. Minion

Se usa en libros de edición limitada, noticias o embalajes.

10. Perpetua

Para muestras con buena definición y páginas de texto largo.

11. Sabon

Se usa en libros de comunicación corporativa

12. Stempel Schneidler

Para muestras y publicaciones que necesita un tipo de texto legible.

13. Times New Roman

Periódicos, comunicación corporativa y revistas.

14. Trajan

Libros, revistas, posters, Books, magazines, posters y vallas.

15. Walbaum

Revistas, magazines, libros de texto y comunicación corporativa.

15 Tipografías sans-serif

Las tipografías Sans-serif son aquellas que carecen del rabillo (serif).

1. Akzidenz Grotesk

Señalización grande. Para medios de comunicación impresos.

2. Avenir

Para libros con mucha letra.

3. Bell Centennial

Para listados e impresos de baja calidad.

4. Bell Gothic

Por poca cantidad de texto que cotenga mucha información.

5. DIN

Para letreros y carteles.

6. Franklin Gothic

Prensa espacios reducidos.

7. Frutiger

Grandes señalizaciones y medios impresos.

8. Futura

En grandes pantallas y en libros de texto pequeño.

9. Gill Sans

Señalizaciones y medios impresos.

10. Helvetica

Texto grande o pequeño y todo tipo de publicaciones gráficas.

11. Meta

Para texto, números y comunicados corporativos.

12. Myriad

Para grandes pantallas y medios de comunicación. (la usa Apple en su versión Pro)

13. Trade Gothic

Periódicos y anuncios, publicidad y multimedia.

14. Univers

Embalajes, señalizaciones y libros de texto.

15. Vag Rounded

Manuales de instrucciones y publicidad.

* Puedes comprar fuentes en MyFonts o en ITC Fonts.

Visto en ( Just Creative Design )

¿Os gusta?

No es definitivo, pero por lo menos esto estará más o menos así durante un un buen tiempo. Falta, eso sí, acabar de decidirme por la cabecera y alguna otra cosilla del sidebar. También tengo que hacer limpieza de css, porque varias cosas han quedado obsoletas y sobra código.

Si tenéis algún problema con lo que sea podéis comentarlo vía el formulario de Contacto o enviando un correo a rienzie (arroba) gmail.com.

¿A mi personalmente me parece mucho mejor que el anterior. Habrá que ver si no es un poquito lento de cargar, pero bueno, estoy muy contento de que haya quedado bien.

A vosotros que os parece?

Perdón por el abuso en la pregunta…

Hoy no he podido actualizar el blog ya que estaba rediseñándolo.

He decidido “lavarle la cara” al diseño actual para hacer más agradable estar por aquí y leer lo que un servidor escribe. El nuevo diseño, que ya casi está acabado, sólo falta decidir alguna cosilla, intenta mantener el “tema” anterior (relación tierra-aire-nubes), pero mejorando. También he añadido algo más de vida en los colores, jugando con naranjas, verdes y el azul-cian de siempre. Como podéis ver también se mantiene el logo y el sol, pero separados.

Estructura

La estructura es la misma: dos columnas con un único sidebar a la derecha. Sólo cambia la cabecera, donde hasta ahora iba el logo con las páginas y ahora irá el logo con el sol y posiblemente el avión que véis. Las páginas del blog podéis verlas en el sidebar en primer lugar. Recordar que el sidebar está basado en el diseño del theme Gimpstyle de Horacio Bella

Contenido

El contenido principal ahora queda separado del fondo con el blanco de siempre, por mantener la armonía con las imagenes que he ido usando, pero resaltando sobre el fondo con un bonito efecto como si estubiese por encima del fondo. El footer también es nuevo, aunque lo había ya lo puse ayer.

Si queréis ver como va el theme por ahora podéis hacer dos cosas:

1. Descargar/ver la imagen capturada (web completa)
2. Visitar la página que he hecho para ir probando. (Puede que con versiones antiguas de Internet Explorer no funcione el script para corregir las transparencias de los PNG y se vea el fondo oscuro)

Admito críticas y propuestas. ¡Ah! y digo de antemano que ese avión no es definitivo… Ya me gustaría a mi tener una ilustración de Ramón de Geekinlove para la cabecera… ¿Sería capaz de llegar a un acuerdo con él? Lo probaré…

El último que he encontrado ha sido uno muy simple que hace Blogmundi. Se trata de diseñar un logo para su blog (el actual lo podéis ver arriba). El premio es un banner, un enlace con anchor y un post patrocinado. Me ha parecido muy correcto y bien pensado, así que me he puesto manos a la obra.

Como el diseño actual del blog es bastante sencillo he diseñado un logo siguiendo el estilo pero dando importancia al nombre o significado del blog y lo he pasado para probar suerte. Si gano ya veréis como es. De momento lo dejo en suspense…

Visto en ( web dezignx )
Enlace ( Blogmundi )
Enlace ( Concurso: ¿Me diseñas el logo? )

En los inicios de este servicio, muy suculoso para los bloggers que quieren darse a conocer, se empezó promocionando rienzie.com, y desde entonces hasta ahora la cosa ha mejorado mucho, pero el diseño sigue siendo el mismo y para eso se inicia este concurso, el cual presido yo personalmente junto con los demás miembros de Blog del Día.

Las bases del concurso las podéis consultar en el siguiente enlace: (Bases del concurso de rediseño de Blog del día) y los premios al diseño ganador y finalista son los siguientes:

Ganador:

1. Un Ipod nano de 8 GB (premio patrocinado por www.tablondeanuncios.com)
2. Un enlace permanente en el pie del blog del tipo (Theme Blog del Día by autor)

Finalista:

• Pack de una sudadera con capucha, una camiseta de manga larga, una camiseta de manga corta y un vale de descuento para la próxima compra en GeekTees (premio patrocinado por www.geektees.es)

Creo que el concurso está bastante bien y vale la pena participar ya sea para ganar los premios o para hacerse un nombre en uno de los servicios más consultados últimamente.

Desde rienzie.com os animo a participar, ya que yo no puedo hacerlo (obviamente).

Enlace ( Blog del Día )
Enlace ( Bases del concurso )

Increíble web desarrollada en flash con la cual nos impresiona la empresa de publicidad “Leo Burnett“.

Contenido divertido, animaciones impresionantes, navegación muy creativa y entretenimiento mientras usmeamos por el “site” asegurado. El cursor es algo a lo que hacer referencia: se convierte en un lápiz que va dibujando una línea por donde pasamos, y esa misma línea aparece ampliada cuando entramos en uno de los apartados. Increíble.

El motivo del lápiz negro es lo que para Leo Burnett es la clave de las ideas y la creatividad “Las grandes ideas siempre vienen de los grandes lapiceros” y en base a ello, y su firma, se mueve todo.

Si os perdéis por las secciones sólo tenéis que clicar fuera de cualquier gráfico para volver atrás. Aquí tenéis los enlaces a las distintas webs según el país. Son algo diferentes todas.

Enlace ( Leo Burnett ) .COM
Enlace ( Leo Burnett ) .CA (Canadá)
Enlace ( Leo Burnett ) .COM.AU (Australia)
Enlace ( Leo Burnett ) .FR (Francia)
Enlace ( Leo Burnett ) .IT (Italia)
Enlace ( Leo Burnett ) .COM.MX (Méjico)
Enlace ( Leo Burnett ) .CL (Chile)
Hablaron de ello en ( Pixel y Dixel )

En la galería podemos encontrar los mejores trabajos clasificados en categorías según el tipo de web (portoflio, blog) y por como están desarrollados y trabajados (ajax, css, flash, ilustracion, blog…)

Como hacía un tiempo que no entraba y he encontrado cosas buenas os dejo aquí algunos de los mejores para que nunca os rindáis en vuestros diseños y aprendáis trucos y estructuras nuevas. Por supuesto que a mi también me sirven, si no no hablaría de ello.

A continuación os pondré los enlaces a los mejores y nuevos trabajos, del tipo que sean, que he encontrado. Aunque antes he de decir qu primero hay que pararse a contemplar obligatoriamente es la propia galería.

Elitist Snob

Es el blog personal de Kent Pribbernow, un diseñador y escritor de tecnología. Me parece increíble la sencillez y elegancia que tiene el blog. Diseño suave y fácil para el usuario y mut perfeccionista. Perfecta adaptación de las diferentes secciones del sidebar y muy buena estructuración. Sólo le encuentro una pega, y es que la cabezera podría ser algo más acorde con el contenido o incluso desaparecer. De todas formas muy buen diseño.

Pixelmator

Que decir… Elegancia y sencillez en estado puro. No se puede esperar menos de un programa para Mac. Iconos perfectos, estructura perfecta, colores y fotografías del flash de la cabecera perfectos… Una “delicatessen“.

Fight for Kisses de Wilkinson

Este trabajo es el más curioso que he encontrado, no sólo por el diseño si no por lo que promociona:
Se trata de una web para promocionar una cuchilla de afeitar de Wilkinson, y para ello han desarrollado se han dejado los cuartos en una web hecha íntegramente en flash con secciones increíbles:

• El trailer es digno de premio, hecho en 3D, muy bueno y divertido. Incluso tiene una historia que mantiene la temática del sitio web.
• Presentan los personajes de la historieta con otro apartado dedicado a ellos. Muy bien hecho todo.
• Dispone de un juego que es el final de la historia, lo que no se ve en el trailer. Una muy buena manera de vendernos las cuchillas a base de vicio. Hay que descargarlo.
• Apartado “Goodies” con salvapantallas, fondos de escritorio, targetas para enviar vía e-mail, y una herramienta un tanto inútil para poner tu nombre en el tatuaje del brazo de un forzudo.
• También tiene un apartado “Mejores puntuaciones” para el juego.

Como trabajo web es una pasada, sólo pondría pegas a lo de siempre: es arriesgado desarrollar una web íntegramente con flash, pero vende mucho, por lo tanto el trabajo está hecho. Ya nos han vendido la maquinilla, o por lo menos sabemos que existe, que es lo que cuenta. Lo que no me explico es como hacen tanto dinero esta gente…

En fin, una pasada: entretenida, bien diseñada e ilustrada y buena usabilidad.

Y con esto ya estaríamos, sólo os invito a dar un paseo por la galería y que gozéis del arte de la nueva era.

Enlace ( Best Web Gallery )
Enlace ( Elitist Snob )
Enlace ( Pixelmator )
Enlace ( Fight for Kisses, de Wilkinson )

Su origen profesional fueron los efectos especiales, pero al final y viendo su talento de desarrollar creaciones plásticas con tanto realismo, se decantó por el arte.

Tiene esculturas impresionantes, como la de “Dead Dad” (Padre muerto), una figura escalofriante del cuerpo muerto de su padre, reducido dos tercios del tamaño natural. Es la única obra en la que Mueck utilizó su propio pelo. El tamaño es bastante pequeño, pero en la imagen no se aprecia. Debe medir uno metro de largo aproximadamente. Podéis verla a continuación.

Su extensa obra recoge una gran recopilación de esculturas de lo más realistas y siempre tratando el tema del cuerpo humano, ya sea a tamaño real, enorme o pequeño.

Fijaos en el tamaño del bebé que se ve a continuación:

Otra de sus obras a gran escala. En este caso un joven agachado.

El artista sorprende por su contraposición al diseño por ordenador, y utiliza las técnicas tradicionales en diseño y construcción.

A continuación os pongo un vídeo donde se pueden ver todas sus obras más famosas, con una cancioncilla de fondo bastante bonita.

Para saber más:

• Ron Mueck en la Wikipedia
• ¿Cómo contrsuye Ron Mueck sus esculturas?
• Galería obras de Ron Mueck

La cita ha sido en el Mercat de les Flors (“Mercado de las Flores”) de Barcelona, del 25 al 28 de octubre.

Nosotros pudimos ver una de las performances de Marcel.lí Antúnez, fundador de la Fura dels Baus, que ahora trabaja en solitario, llamada Hipermembrana.
Podría haceros una síntesis de la performance, pero mejor os pongo el argumento que el propio equipo que ha realizado Hipermembrana ha hecho y que se comprende bastante bien:

Hipermembrana es una performance mecatrónica en la que intervienen tres actuantes, una máquina de gritos, un dreskeleton y varios sensores. La presentación tiene lugar en un espacio escénico dotado de sistemas de iluminación y audio, con una gran pantalla al fondo y delimitado en los extremos frontales por una pequeña pantalla y por la máquina de gritos.

La máquina de gritos es un instrumento musical consistente en un dispositivo de proyección que muestra los rostros de tres personajes a escala 1:1 que emiten diversas onomatopeyas. El dreskeleton es una interfaz corporal de naturaleza exoesquelética vestida por Marcel·lí.

Mediante los sensores y el dreskeleton los actuantes controlan el sonido, las imágenes que aparecen en las pantallas y la máquina de gritos, construyendo de este modo la narración de la pieza.

Hipermembrana intenta profundizar en la naturaleza del mito, y para ello combina diferentes elementos como la topografía del Infierno de Dante, el mito del Minotauro y la forma de la célula eucarionte. Estos elementos se articulan mediante una técnica narrativa que consiste en superponer los argumentos gráficos y literarios, lo que permite giros inesperados y una gran riqueza expresiva. La elección del mito del Minotauro como figura central de esta performance ofrece interesantes metáforas, como por ejemplo la del conflicto entre la racionalidad y la animalidad del ser humano.

Hipermembrana es la segunda parte del proyecto Membrana. Membrana es una indagación creativa que contiene, entre otras, Protomembrana (lección mecatrónica) y Metamembrana (instalación dinámica).

Más info ( Art Futura )
Más info ( Marcel.í Antúnez )
]]> http://rienzie.com/hipermembrana-artfutura-2007/feed 1 http://rienzie.com/la-nueva-_ http://rienzie.com/la-nueva-_#comments Mon, 29 Oct 2007 15:25:42 +0000 WAMBA http://rienzie.com/index.php/2007/10/29/la-nueva-_/ Hola a todos y todas!

Me presento brevemente tras la introducción de Àngel hace unos días.

Soy Wamba, de Valencia. Me dedico (o lo intento, de momento) al diseño gráfico, y cada vez me intereso más por la fotografía.

Viajo en cuanto puedo, os enseñaré de vez en cuando, entre otras cosas, mis andanzas, actuales o pasadas si creo que pueden resultar de interés, siempre que pueda con imágenes adjuntas al texto.

Nos vemos por rienzie.com!

Imagen cedida por Sergio Murria

Wamba es diseñadora gráfica y fotógrafa de afición, y si veis su blog personal os daréis cuenta de que se le da muy muy bien. A parte de llevar su blog, es moderadora de un foro de fotografía, Canonistas, una comunidad de aficionados y profesionales de la fotografía.

Escribirá sobre diseño gráfico, arte, fotografía, sobre viajes personales, actualidad y todo lo que le venga en gana, que de eso se trata. Además con un toque personal que estoy seguro que os gustará.

Así que ya sabéis, si queréis leer las batallitas de la intrigante Wamba, la tendréis cada día a vuestra disposición en rienzie.com.

¡Suerte y que disfrutes!

Siempre me he preguntado como puede ser que una empresa como IKEA haga tantos productos, tan variados, tan baratos y para todo el mundo. Ahora gracias a un reportaje de Discovery Channel podremos usmear por sus sitios más ocultos…

Si tenéis un IKEA cerca os podréis dar cuenta de la magnitud de esta multinacional. El almacén está repleto de muebles diferentes, y todos clasificados perfectamente. También es verdad que si nunca has ido cuesta un poco aclararse y saber que hacer, pero no pasa nada, es fácil.

Está claro que la clave del éxito de IKEA es el hecho de vender los muebles, y todo lo que venden, desmontados y perfectamente empaquetados, pero otro punto muy importante es el funcionamiento de sus tiendas.

Para comprar algo en IKEA primero tienes que darte un paseo por sus instalaciones. Para poder verlo todo crean un recorrido señalizado hecho de tal forma que es imposible no ver todo lo que tienen. Puede dar un poco de rabia porque quizá no te interesa nada más que una silla, por ejemplo, y tienes que tragarte todas las camas, habitaciones, muebles, y todo tipo de cosas para el hogar.

Una vez has elegido lo que quieres te quedas con la referencia del producto, y cuando llegas al almacén, tú mismo coges la caja de lo que quieres y lo pagas en la caja.
De esa forma IKEA se ahorra miles de empleados ya que la faena la hacemos nosotros mismos. Sólo necesitan cajeras/os, alguien por ahí que te resuelva dudas, gente que controle la guardería y la cafetería-restaurant y a cobrar. Es un negocio redondo.

Ahora bien. ¿Cómo lo hacen para conseguir un éxito tan rotundo? La explicación en el vídeo. (mirad que almacén…)

Vídeo visto en ( Buen rato )

Se trata de una nueva sección llamda “Blogging tips” en la que recogerán artículos de distintos bloggers para ayudar a otros a mejorar sus blogs.

El meme en cuestión es corto, sólo tres puntos, por lo que voy a ser algo más extenso. Sólo por gusto.

Pues bien, ahí van los míos:

1. Tu contenido: no parar de actualizar el blog de una manera constante, sin hacer parones largos o de golpe cargar mucho el blog.

   Es algo lógico: el lector tiene que acostumbrarse a un flujo de posts. Si se acostumbra a muchos diarios estará bien, mientras cada día publiques mucho. Esto puede tener un lado negativo: la gente selecciona entre tus posts, es decir, que no aprecian o se interesan por todos, sino por uno o dos de tus posts del día.

   De la misma manera también podrías publicar un post al día, o cada dos, o cada semana. Pero en ese caso tus artículos tendrían que ser brillantes para que cada vez que actualices, tus lectores estén impacientes por leerte. Ejemplo ( Eduard Punset ).

   Lo más importante: no publicar posts como churros. Así es imposible garantizar calidad.

2. El diseño de tu blog. Es lo primero que ven tus visitantes. Si no les gusta posiblemente no volverán, si les gusta lo más seguro leeran algunos de tus posts, incluso mirarán en tus archivos, categorías o páginas.

   A parte de la apariencia del blog en general, que eso es algo que se aprende pasando muchas horas en el ordenador analizando otros blogs y probando muchos estilos, colores y tamaños en tus CSS; tus artículos deben tener un estilo a seguir en todos los posts.
   Por ejemplo: colocar siempre, o siempre que se pueda, una imagen para acompañar. Esta imagen debe estar relacionada al máximo con el contenido y seguir una armonía con los colores del blog. De esa manera todo tendrá será más agradable de leer y los visitantes no tendrán ganas de abandonar tu página.

   Tampoco es bueno para tu diseño colocar publicidad muy agresiva. Con algo de adsense basta.

   Hay que ser meticuloso y detallista con todas las partes del blog. Es importante ser perfeccionista y conseguir que todo sea lo más perfecto posible. Con ello me refiero a no dejar que algunos posts se dispersen por la página, que tus sidebar se pueda chequear perfectamente (organización) y que todo lo que haya en el blog tenga su momento de gloria en tu ordenador.

   El texto. Lo incluyo en diseño porque me faltan puntos y lo considero algo visual y útil: El texto debe tener un buen margen en el blog, debe tener el “padding” ajustado para que ningún “blockquote” o listado se separe o se junte mucho. La letra debe ser clara y legible, y los títulos tienen que captar la atención del lector para que se entere de que va el artículo o los puntos del artículo.
   A la hora de escribir se deben resaltar los puntos más importantes, enlazar todo lo que se pueda (si conviene) y dejar clara cada parte del texto. Por ejemplo citaciones de autores, alertas, fuentes…
   No hace falta que diga que hay que ser cuidadoso con la ortografía y el vocabulario.

   Último consejo para el diseño: si utilizas TagCloud no te olvides de él. Dale importancia en la posición del blog. Eso hará que la gente se de un buen paseo por las categorías más machacadas.

3. Como decía en el punto anterior: ORGANIZAIÓN. Si tu blog es un desastre nunca podrás captar la atención de la gente, porqué se perderán.

   Hay que dejar claro donde están todas las cosas: buscador, categorías, RSS (muy importante que sea visible), páginas, TagCloud y Blogroll. Los archivos por meses, últimos comentarios, últimos posts, y todo lo demás es sobrecargar. No poner herramientas “lammers” como los mapas en pequeño, contadores, lectores de Mybloglog…

   Dejar clara también la paginación. Como se va a la siguiente y anterior página, y como ir a una en concreto (ver la paginación en la parte inferior de este blog) sería una buena opción.

Con estos tres puntos, algo extendidos, se puede conseguir tener un blog en condiciones. A partir de ahí todo es perfeccionable:
Puedes hacer amigos comentando en otros blogs, en comunidades de internet y otros sitios; puedes inscribirte en sitios para promocionarte, puedes usar buenos plugins para que tu blog sera más sofisticado…

Muy importate: no sobrecargues tu blog de vídeos y cosas innecesarias, asegúrate de que tu post está perfecto antes de publicar, lee mucho, no tengas prisa por hacerte un sitio en la blogosfera (si te cebas con el blog te quemarás), escribe en HTML y… NO TE OBSESIONES, hay cosas más importantes que tu blog.

Hasta ahí mis consejos. Espero que os hayan sido de ayuda y no os hayáis aburrido leyendo toda la parrafada. Yo por lo meons he disfrutado escribiéndolo.

Meme enviado por ( Marta Sanz de Blogdeldía por correo )

Banksy utiliza plantillas para realizar estarcidos por ciudades de todo el mundo, pero principalmente en Londres. Utiliza el arte urbano callejero para promover distintos puntos de vista de los medios de comunicación.

Además, aparte de exhibir su obra en la calle, ha colado muchos de sus trabajos en importantes galerías de arte: en el MOMA, en el Museo Metropolitano de Arte, en el Museo Británico, donde coló el cuadro que simula una pintura rupestre con unos carros de la compra (la que se ve un poco más arriba del post), entre otros.
En agosto de 2005 realizo varias pinturas en el muro de Cisjordania que de alguna manera simulan las ansias de libertad.

Pero ahora viene el quiz del post, Banksy es un artista perseguido por la policía (naturalmente), pero ¿realmente se trata de una persona que haga el mal a alguien? Me he encontrado diferentes opiniones sobre este chico, como que podría demostrar su incorfomidad con actos, en vez de manchar la bonita calle… Yo creo que es todo un artista.

Os dejo unos links por si queréis chafardear más sobre el tema:
Página web oficial | Banksy | Banksy-Wikipedia | Banksy-Clarín | Banksy-BBC

Después de sacar el nuevo Mac Book Pro, sacaron, hace poco, el nuevo iMac (lo podéis ver a la derecha). Con el nuevo iMac Apple ha roto la línea mítica de todo en color blanco para pasarse a los colores metálicos y negros, por lo que los periféricos deben seguir el patrón del ordenador. Para ello han diseñado unos teclados increíbles.

Los teclados Apple siempre han destacado por ser muy diferentes a los demás, son muy minimalistas y cómodos. Sus diseños han sido muy variados: transparentes, blancos, azules, verdes, negros… Si habéis tenido alguno seguro que afirmaréis con la cabeza.

Ahora los teclados son extraplanos (menos de un centímetro de grosor), de aluminio y la distribución de las teclas es diferente. Habrá que probarlo…

Con los ratones pasa más de lo mismo: minimalistas y fáciles de usar. Siempre se han caracterizado por tener un solo botón, que hasta hace un tiempo se convirtió en un ratón con los mismos botones que los más sofisticados pero totalmente disimulado. Cuentan con dos botones invisibles para los dedos índice y corazón, una rueda en el medio con botón incluido que gira en todas direcciones (no solo arriba y abajo), y dos laterales. Todos configurables.

Si hay alguna compañía que lo haga mejor me avisáis…

BestwebGallery es una colección de creaciones visuales, tanto para web como ilustraciones.

Esta hecha en forma de blog y cuenta con distintas categorías por donde podemos observar creaciones de lo más buenas de internet clasificadas por:

• Ajax (10)
• Blog (74)
• Corporate (21)
• CSS (72)
• Design (21)
• Entertainment (24)
• Flash (124)
• Illustration (14)
• Portfolio (67)
• Resources (36)

Vale mucho la pena darse una vuelta por las distintas obras para darse cuenta que aún nos queda mucho que aprender…

Hoy traigo los primeros posts de la categoría CSS:

Scorereviews

Tattered Fly

Fantasy Baseball Moty

Free People

Erskine Corp

Footnote

Frank was Here

Coda

Wish Tree

Biola Undergrad

Open Doors Student

Scrapture

Web ( Best Web Gallery )

Enlaces de Marc ( Myspace | Fotolog )