2Advanced un sitio clásico de la web

www.2advanced 2011 : Eric Jordan
http://www.2advanced 2011 : Eric Jordan

http://www.2Advanced.com

Este hace 15 años era un sitio de los mas avanzados en cuanto a diseño y progamacion de sus animaciones se trataba, siempre estuvo a la vanguardia y con el tiempo se fue especializando en sitios web y publicidad online para el ramo de los video juegos. Ya hace algunos años hice una entrada en este blog sobre esta empresa norte americana la cual me influenció mucho en su momento.

Hoy dia siguen teniendo un diseño muy rico en cuanto al movimiento pero siento que se ha hecho mucho muy lento el sitio con tanta carga de imagenes, animaciones y efectos que una vez que abre la pagina son muy vistosos y bien hechos pero he ahi el dilema entre lo que abre rapido y lo que tard mucho pero se ve muy bien.

Aun asi vale la pena ver el portafolio de trabajos de esta empresa y su estilo gráfico. Visiten www.2advanced.com para ver que les parece.

++++++++++++++++++++++++++

Conoce como mejorar tu sitio y su posicionamiento

 http://www.sdgestudio.com/analisis-sitio-web-posicionamiento-seo.html

analisis de sitio web posiciona tu web en Google

¿Por qué debo analizar mi sitio?

Para corregir aquellas áreas que son necesarias para mejorar su posicionamiento.
El analizar tu sitio también te ayuda a generar ideas para crear nuevo contenido de acuerdo a lo que los buscadores buscan como contenido de calidad. Te sorprenderías de saber lo que la competencia está haciendo para subir en las listas, el que lo haga primero se beneficiará por más tiempo y más rápido.
 
.

PSD a HTML debe terminar! + Análisis de sitio web

PSD a HTML debe terminar!

Esta frase es repetida por un número creciente de diseñadores web, yo no estoy de acuerdo pero entiendo su punto. Ellos comentan que si el diseño va a vivir en la web se debe mostrar el boceto en web, no en photoshop de manera estática.

También discuten que se pueden hacer muchas cosas con los navegadores modernos y el CSS3, gradientes, bordes redondeados,  sombras, :hover y otros efectos que le dan un look muy profesional a un diseño. Sin embargo considero que el photoshop tiene su gracia y que no debe desaparecer como algunos diseñadores opinan.

Yo creo que debe haber una medida intermedia que nos permita mostrar en Photoshop y luego pasarlo a HTML ya que a veces un layout puede llevar mucho tiempo para que el cliente nos haga cambios y estariamos trabajando doble. Aún así dejo a tu criterio el trabajar un boceto directamente en HTML o en Photoshop (como yo prefiero)

He aqui un proceso ideal para el diseño web:

  • Notar las ideas y pantallas básicas del diseño
  • Hacer un boceto a lápiz en tu cuaderno y refinar
  • Maquetar (mock-up)en lineas con algún programa para definir el sitio
  • Hacer los cambios al “mock-up” y una vez aprobado pasar al diseño en photoshop
  • Diseño en photoshop que se muestra de manera estatica
  • Aprobacion  por parte del cliente
  • Transformación del diseño en PSD a HTML
  • Finalización en implementación del sitio web

Esto es a grosso modo mi punto de vista de un proceso ideal de diseño. Sin embargo te invito a que leas el articulo de por que debe terminar el usar el photoshop para presentar un diseño web.

 

++++++++++++++++++++++++++++++++++++++

Conoce como mejorar tu sitio y su posicionamiento

 http://www.sdgestudio.com/analisis-sitio-web-posicionamiento-seo.html

SDG Estudio Creativo te analiza tu sitio web con las frases claves que tu indiques para tener información valiosas para mejorarlo y sobresalir sobre tu competencia en los buscadores como Google.

  • Conozca por qué está más arriba la página de tu competencia
  • Defina las mejores palabras claves
  • Conoce los términos de búsqueda alternativos más frecuentes
  • Evalúa la calidad de tu sitio web
  • Conoce desde donde hacen link a tu competencia y a tu sitio
  • Conoce la estrategia de posicionamiento de tu competencia
  • Evalúa los documentos en tu web y que mejoras pueden tener
  • Conoce en que lugar está tu web con las frases claves que definas

analisis de sitio web posiciona tu web en Google

¿Por qué debo analizar mi sitio?

Para corregir aquellas áreas que son necesarias para mejorar su posicionamiento.
El analizar tu sitio también te ayuda a generar ideas para crear nuevo contenido de acuerdo a lo que los buscadores buscan como contenido de calidad. Te sorprenderías de saber lo que la competencia está haciendo para subir en las listas, el que lo haga primero se beneficiará por más tiempo y más rápido.
 

Estos son algunos de las beneficios de analizar tu sitio web

Una evaluación de la calidad de tu página, la cantidad de documentos indexados en Google, el nivel de optimización de los contenidos como textos, imágenes, títulos, etc.

Así mismo esta información será la pauta para que implementes esos cambios que de manera positiva ayudarán a tu página web a escalar lugares en los resultados de Google.

  • BENEFICIOS DEL ANÁLISIS
  • Que partes hay que mejorar en mi web
  • Cuántos documentos me tome en cuenta Google y como
  • Conoce en que áreas esta fuerte tu web y en cuales no
  • Recibe datos y estadistica de las frases clave que te interesan
.

DojoToolKit framework

getDojoToolKit

http://dojotoolkit.org/reference-guide/dojox/widget/AutoRotator.html#dojox-widget-autorotator

Este es el Dojo un framework de javascript que he tenido que aprender por cuestiones de trabajo, este framework tiene algunas cosas interesantes como que es multi browser y te evita el estar haciendo hacks y depurando para los diferentes navegadores que luego ahi es donde se pierde mucho tiempo.

El ejemplo esta aqui:

He aqui un ejemplo de como hacer un slider que rota automaticamente. Slider en DojoToolkit framework.

El DojoToolKit se puede bajar aqui para que lo pruebes y hay conozcas sus caracteristicas.

dojoSliderSample

JAVASCRIPT PARA EL DOJO Y SU CSS (EN EL HEADER)

<script src=”http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js&#8221;
djConfig=”parseOnLoad: true”>
</script>
<script type=”text/javascript”>
dojo.require(“dojox.widget.AutoRotator”);
dojo.require(“dojox.widget.rotator.Fade”);
</script>
<link rel=”stylesheet” type=”text/css” href=”http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css&#8221;
/>

JAVASCRIPT

<script type="text/javascript"> dojo.require("dojox.widget.AutoRotator"); dojo.require("dojox.widget.rotator.Fade"); </script>

HTML

<div dojoType="dojox.widget.AutoRotator" id="myAutoRotator2" jsId="myAutoRotatorInstance2" transition="dojox.widget.rotator.crossFade" duration="2000" random="false" cycles="9999"> <div> <img src="../imagenes/dojoSlide01.jpg" alt="Dojotoolkit" /> </div> <div> <img src="../imagenes/dojoSlide02.jpg" alt="Dojotoolkit" />
 </div> <div> <img src="../imagenes/dojoSlide03.jpg" alt="Dojotoolkit" /> </div> </div>


.

Firefox vs Chrome la nueva batalla

Me da mucho gusto ver como cada vez hay menos usuarios de Internet Explorer en cualquiera de sus versiones. Si eres un usuario intermedio de internet te daras cuenta que Internet Explorer no es seguro, no maneja bien la memoria y es a veces un poco molesto con todos sus avisos de seguridad.

Firefox vs Chrome
Yo como usuario avanzado siempre he preferido alternativas como Opera o Firefox que son mas seguras y fucnionales sin embargo desde la version 4 el Firefox no ha sido el mejor en manejo de memoria RAM siendo superado por Opera y por Chrome por mucho.

Esta semana trabajando en un entorno de servidor Java con CSS y JSP me di cuenta que mi RAM de 2GB de la laptop que me dieron para trabajar no son suficientes y vi que el Firefox en 5 pestañas consumia 380 MB de memoria por lo que empeze a trabajr con Chrome y me di cuenta que solo sutiliza 80 MB para esas 5 pestañas y mas.

En europa el Chrome ya es el navegador numero uno y no tardara mucho para que en america tambien lo sea.

Reemplaza tu Internet Epxlorer y usa un navegador de verdad
Opera, Firefox y Chrome ya vienen casi con la mayoria de las nuevas CSS3 e implementaciones del HTML5 con lo que aseguras navegar mas rapido y mas compatible eso sin olvidar la seguridad y mejor funcionalidad. Tambien le ahorraras dolores de cabeza a los desarrolladores web y a los diseñadores quienes hay que estar haciendo las cosas para que puedan trabajar en los IE viejos y cada vez mas obsoletos.

he aqui una tablita con la informacion de como estan lo usuarios en internet, ya han dezplazado a firefox que esta en tercer lugar y el IE cada vez baja mas su porcentaje de usaurios.

IE vs Chrome vs Firefox 2011
IE vs Chrome vs Firefox 2011
.

WordPress themes Theme Forest

Gaia worpress theme from Theme Forest
Gaia worpress theme from Theme Forest

Compré algunas plantillas en ThemeForest y la verdad siento que no fue la mejor compra. La plantilla se veía muy bien y en el DEMO te la ponen como que es muy fácil de usar. Pero la realidad es que no he podido configurarla con la funcionalidades que muestra un manual muy pobredonde uno termina adivinando muchas cosas.

Después la plantilla tarda horrores en cargar y en algunos navegadores hace un error de un javascript que hace lenta la ejecución de la pagina. Si bien no ofrecen soporte el manual que dan es muy básico y esta en otra versión anterior de wordpress por lo que algunas ventanas y menús ya no son así y es un fastidio estar jugando a la prueba y error para que finalmente y despues de horas no sirva la plantilla como promete en el DEMO.

En el sitio, su creador Peerapong me dice que no se ofrece soporte como tal, que él, sólo en agradecimiento a los compradores ayuda con algun comentario o tip y que me sugería leer el manual que ahí estaba todo, pero la verdad sí tiene un buen de bugs ese tema y se puede leer en los comentarios y hay cosas que hay que meterse al código. La verdad no son los 35 dólares que pague si no el tiempo que me hicieron perder.

Cosas que odié de Theme Forest

  • Dificultad de pago
  • Si no tienes paypal pagas mas por que “abonas 40 dolares” y gastas 35. Un truco bajo tipo puntos de XBOX que estan diseñados para que siempre te sobre algo y se te antoje recargar para completar para algo mas.
  • Manual muy pobre y mal explicado
  • Bugs y javascript que se cicla en algunos navegadores
  • Muy lento, son esteticamente perfectos pero MUY LENTOS

Esta es la plantilla en cuestion:
http://themeforest.net/item/gaia-clean-business-corporate-and-portfolio/full_screen_preview/403036

.

Firefox 4.0.1 – La prostituta del apocalipsis

jajajaja, recuerdo cuando alguien comparo el Firefox en sus receintes versiones con la prostituta del apocailipsis, quejandose de cosas como:

  • Las versiones nuevas de Firefox son mas lentas
  • Se congela mas seguido
  • La memoria RAM no rinde
  • Cambia entre 64 bits y 32 de manera aleatoria
  • Cada vez pesa mucho mas el archivo de nuevas versiones

Yo la verdad he notado que si me hace lenta la maquina y cuando siento que mi maquina anda lenta o siento que algo anda mal abro el Monitor de Actividad y Oh sorpresa!. El firefox estaba consumiendo 2.64 GB de RAM, estaba muy lento asi que cerre una ventana donde escuchaba una cancion desde youtube y me apresure a tomar una fotito al Monitor de actividad donde me marco un altisimo uso de recursos en RAM en mi iMac. Lo intente cerrar pero tardo varios minutos por que se congelo. En cuanto cerro, no pasaron ni 10 segunods y ya tenia mi memoria RAM de vuelta y volvi a bair el Firefox, esta vez ya uso menos, 377 MB en 7 pestañas, me sigue pareciendo excesivo. Pero bueno, tal vez tenga razon aquel que dijoe que Firefox es la Prostituta del Apocalipsis a manera de insulto por que le hacia lenta su maquina.

Y tu que opinas?

firefox 4 devora la memoria RAM

Firefox la prostituta del apocalipsis. Firefox 4 hace lenta la maquina y consume mucha RAM

.

Mejorar posicionamiento de web en wordpress

Si ya cuentas con una pagina web en wordpress pero las direcciones de tu web se muestran http://www.tusitioweb.com.mx/?page_id=15 esa direccion poco dice por si misma asi que se recomienda hacer lo siguiente:

Entra en el panel del control del blog

  • En Settings o Ajustes haz clic en PERMALINK
  • Cambia el DEFAULT por DAY and NAME o MONTH and NAME

De esta manera ahora tus links contienen alguna de las palabras claves que te interesan y que eventualmente traeran algun visitante interesado en tu prodcuto o servicio.

Es algo muy sencillo y que te tardaras un par de minutos y que ayudara a que se indexe mejor tu blog para ser encontrado mas facil. Obvio que esto no es lo único que hay que hacer pero les muestro un paso inicial que a veces ignoramos y que se soluciona muy rapido. Como muchos de ustedes ya saben hay que analizar tu propio sitio y los de la competencia para ver que estrategias tomar y como hacer nuestra estrategia de contenidos y links para ser indexados en los buscadores mejor, mas rapido y en mejor posicion que tu competencia.

mejorar el posicionamiento de tu blog con permalinks
Los permalinks configurados ayudan al poscionamiento de tu blog
.

Convertir flash en HTML5 automaticamente

flash to html5, convertir a html5, wallaby adobe, css, html5 framework alternatives

Wallaby de Adobe te ayuda a hacerlo

Mucho se especula que el flash no llegara nunca a dar batalla al HTML5 pero yo no lo creo, mas bien o que esta apostando Adobe es generar programas que conviertan a HTML5 para asi seguir acaparando a los usuarios con su plataforma y software propietario pero agregando facilidad para los que no se quieren meter a trabajar HTML5 de lleno. Hay disponible una herramienta de prueba llamada Wallaby que promete convertir de Flash a HTML5 de manera muy facil.

Lista de lo que puede hacer por el momento

Obviamente no puede hacelo todo tal cual en el flash aunque ese el el objetivo, sin embargo cosas vasicas, botones, transiciones, gradientes y manejo de imagenes si lo hace.
Mira la lista de flash to html5 con Adobe Wallaby

.

Dejen de usar Internet Explorer! Microsoft te lo pide

Entre las recomendaciones que Microsoft da esta es una que no podria estar mas de acuerdo. Deja de usar el Internet Explorer 6. Aunque creo lo mejor seria dejen de usar cualquier version del Internet Explorer y usen alguna alternativa como Safari, Firefox, Opera o Chrome.

Stop usaing IE6 Deja de usar el Internet Explorer 6

.

HTML5 : Compatibilidad en navegadores

Mucho se habla del HTML5 y que de momento los navegadores no soportan todas las nuevas mejoras y funciones de este nuevo HTML que esta por venir. Sin embargo hay una herramienta que te permite ver cual de los navegadores que tienes en tu computadora es el que de momento acepta la mayor cantidad de elementos del HTML5. Les presento el HTML 5 test.

Graficas del desempeño de Firefox, Opera, Safari y Chrome con el nuevo HTML 5

Firefox es el navegador que utilizo regularmente aunque también utilizo otros como el Opera y Safari para ver si hay incosistencias al maquetar una pagina web, Chrome lo uso tambien pero en menor escala, hay algo que no me acaba de convencer de Chrome.

Se probaron 400 caracteristicas del HTML

El que mas alto quedo fue el Chrome y la tabla de resulado quedo de la siguiente manera:

  1. Google Chrome 9.0.597 con 282 de 400 puntos
  2. Opera 11.01 con 234 de 400 puntos
  3. Safari 5.0.3 228 de 400 puntos
  4. Firefox 3.6.14 con 155 puntos de 400 puntos

Pense que el Firefox iba a ser de los que mas puntos sacaran pero me lleve una sorpresa al ver que estaba en ultimo lugar. El Internet Explorer no lo probe por que uso mac y no lo tengo instalado. Habra que ver cuanto saca de puntuacion. De seguro sacaria una pesima puntuacion. Si desean ver la puntacion vean la pagina de resulados de html 5

Saludos a todos y gracias por su lectura.

.