soi57.net: administracion de sistemas, seo y tecnologia movil » design http://soi57.net/blog Blog sobre seo, administracion de sistemas y tecnologia movil Thu, 22 Jul 2010 09:37:55 +0000 en hourly 1 http://wordpress.org/?v=3.0 Que vendra despues de la web 2.0? http://soi57.net/blog/que-vendra-despues-de-la-web-2-0/ http://soi57.net/blog/que-vendra-despues-de-la-web-2-0/#comments Tue, 22 Jun 2010 08:25:12 +0000 root http://soi57.net/blog/?p=849 Hay muchas teorías, conspiranoias y especulaciones acerca de este tema. La mía es que la web es joven, pero ya tiene suficiente rodaje como para que podamos hablar de ciclos. Las modas y las tendencias siempre vuelven porque no se puede estar innovando constantemente. Volver atrás y repetirse es una forma de reciclarse si se hace bien. Me estoy liando mucho.

Mi apuesta es que cuando acabe la web 2.0 volveremos a la . Se diseñaran las webs como a mediados de los 90. Se volverán a usar tecnologías que ya están desfasadas y se venderán como futuristas. Hay empresas que están siendo pioneras en este sentido y están empezando a desarrollar sus proyectos webs de esta manera y otras que la verdad, nunca han cambiado. De estas últimas puedo poner como ejemplo la tipica web del profesor de universidad. Ahora no tengo ningún enlace a mano. De la nueva , me gustaría poner como ejemplo una empresa de la que no voy a dejar el enlace, y si una captura de pantalla. A quien le interese me puede solicitar la dirección de contacto por correo.

web retro

En esta primera imagen vemos que la paleta de colores está seleccionada cuidadosamente para emular el estilo de los 90. Son unos colores que pueden hacernos despertar sentimientos de melancolia.

planes al peso

planes al peso

En el desglose de los planes vemos que este estilo se paga y que además la web se compra al peso. 1 home en flash + 1 página de contactos + 4 paginas de contenido son unos 600 euros. Hay más detalles que recalcar pero pasamos a la siguiente imagen.

estilo retro

estilo retro

Aquí es donde está realmente bien conseguido el estilo que buscamos. Traduzco lo que me parece más interesante(como puedo):

¿Por qué elegirnos?
1- Usamos la nueva tecnología Flash Movie para hacer movimientos, degradados, giros y flashing fotos.
2- Usamos los nuevos Botones Flash ( botones parpadeantes )
3- Diseñamos elegantes formularios de solicitud de información enviando información de tus clientes con un solo click
4- Relog digital con fecha y hora en tu home page.
5- Poderosa calculadora de hipotecas en divisas en tu web ( o algo asi)

A quién no le cuadre este tipo de webs que recuerde el post. No quiero decir que sea un estilo que se vaya a adoptar masivamente pero seguramente tendrá una quota importante de público geek.

Related posts

]]> http://soi57.net/blog/que-vendra-despues-de-la-web-2-0/feed/ 0 Css o html tags http://soi57.net/blog/css-o-html-tags/ http://soi57.net/blog/css-o-html-tags/#comments Mon, 22 Feb 2010 18:25:10 +0000 root http://soi57.net/blog/?p=368 Hay varios tags html que son muy importantes para los indexadores pero que, sin embargo, el estilo es muy simple y en tu web puede quedar no muy bien. Por ello, lo normal es que un diseñador web utilice css, hojas de estilo en cascada, para cambiar el estilo de determinadas partes de una web. Hay elementos, por ejemplo los tags <h> , que aunque la forma en que un navegador los renderiza no es muy atractiva, son importantes en términos de seo , ya que utilizar keywords dentro de estos elementos  está diciendo al indexador que esa palabra es relavante en el contenido de la página. ¿ Qué hacemos entonces?¿Renunciamos al diseño o renunciamos a ser indexados?

Hay otra solución. Por ejemplo si un diseñador que no estuviese muy interesado en seo, quisiese adornar una cabecera, se podría crear un estilo como este:

.cabecera { font-family: Verdana, Arial, Helvetica, sans-
serif; font-size: 14px; font-weight: bold;
color: #454544 }

Y este estilo aplicarlo a cualquier elemento, por ejemplo un div.

La diferencia con un diseñador que fuese consciente de lo importante que es estar bien posicionado y supiese lo importante que es que las keywords apareciera entre tags , sería esta. Redefinir el tag <h>:

H1 { font-family: Verdana, Arial, Helvetica, sans-
serif; font-size: 14px; font-weight: bold;
color: #454544 }

Y usarlo normalmente.
De la primera forma, las keywords que ocurriesen dentro del div con el estilo .cabecera, no serían más importantes que cualquier otro texto en el sitio, mientras que de la segunda forma, estarías consiguiendo el mismo efecto pero informando al indexador que esa palabra es relevante.

Related posts

]]> http://soi57.net/blog/css-o-html-tags/feed/ 0 instant.js http://soi57.net/blog/instantjs/ http://soi57.net/blog/instantjs/#comments Sat, 16 Jun 2007 09:27:28 +0000 root http://soi57.net/articles/?p=69 Instant.js 1.0 allows you to add an instant picture effect (including tilt) to images on your webpages. It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers and IE, it’ll degrade and your visitors won’t notice a thing.

Related posts

  • No related posts.
]]> http://soi57.net/blog/instantjs/feed/ 0 Ikkaro http://soi57.net/blog/ikkaro/ http://soi57.net/blog/ikkaro/#comments Sat, 06 Jan 2007 06:00:37 +0000 root http://soi57.net/articles/?p=58 Coleccion de articulos interesantes en castellano para la web

Related posts

  • No related posts.
]]> http://soi57.net/blog/ikkaro/feed/ 0 Fireworks.js, a script animation experiment http://soi57.net/blog/fireworksjs-a-script-animation-experiment/ http://soi57.net/blog/fireworksjs-a-script-animation-experiment/#comments Sat, 06 Jan 2007 05:57:23 +0000 root http://soi57.net/articles/?p=57 …Nonetheless, Fireworks has been published here for fun, experimenting a bit with simple trigonometry and math, and those who are perhaps interested in javascript animation, object-oriented code or script-driven sound. It also serves as a dirty browser performance test of sorts, as a large number of elements are dynamically created, moved and destroyed on this page as the script runs…. Link

Related posts

  • No related posts.
]]> http://soi57.net/blog/fireworksjs-a-script-animation-experiment/feed/ 0 Css rounded dialog http://soi57.net/blog/css-rounded-dialog/ http://soi57.net/blog/css-rounded-dialog/#comments Sat, 06 Jan 2007 05:52:31 +0000 root http://soi57.net/articles/?p=56 http://www.schillmania.com/projects/dialog/png/

Related posts

  • No related posts.
]]> http://soi57.net/blog/css-rounded-dialog/feed/ 0 Experiments with css … doing it with style http://soi57.net/blog/experiments-with-css-doing-it-with-style/ http://soi57.net/blog/experiments-with-css-doing-it-with-style/#comments Sat, 06 Jan 2007 05:50:12 +0000 root http://soi57.net/articles/?p=55 Nice css  … http://www.cssplay.co.uk/

Related posts

  • No related posts.
]]> http://soi57.net/blog/experiments-with-css-doing-it-with-style/feed/ 0 Macros in photoshop http://soi57.net/blog/macros-in-photoshop/ http://soi57.net/blog/macros-in-photoshop/#comments Fri, 05 Jan 2007 07:16:29 +0000 root http://soi57.net/articles/?p=48 One tutorial

Related posts

  • No related posts.
]]> http://soi57.net/blog/macros-in-photoshop/feed/ 0 Check it, don’t select it http://soi57.net/blog/check-it-dont-select-it/ http://soi57.net/blog/check-it-dont-select-it/#comments Fri, 05 Jan 2007 07:07:26 +0000 root http://soi57.net/articles/?p=46 Css and javascript to transform one multiselect list into one ‘multicheck’…here

Related posts

  • No related posts.
]]> http://soi57.net/blog/check-it-dont-select-it/feed/ 0 css transparency/opacity tutorial http://soi57.net/blog/css-transparencyopacity-tutorial/ http://soi57.net/blog/css-transparencyopacity-tutorial/#comments Sun, 13 Aug 2006 11:37:32 +0000 root http://soi57.net/articles/?p=37 http://www.mandarindesign.com/opacity.html

Related posts

  • No related posts.
]]> http://soi57.net/blog/css-transparencyopacity-tutorial/feed/ 0