Resoluciones y Navegadores

Bueno… Después de tantas dudas hahahaha, viene la última creo. Pedro (mi antiguo patrón) y La cabrita siempre insistieron en hacer páginas de 800x600. Siempre he preferido hacerlas de 1000x800, pero siempre consideré eran cuestiones de gustos… Pero como este proyecto sí lo quiero hacer bien… Pues me puse a investigar… Las estadísticas del foro (TWY) y mi página (DK) son las siguientes

• Die Ketzerei
  1. 1024x768 -- 87 -- 47.80%
  2. 1280x800 -- 43 -- 23.63%
  3. 800x600 -- 18 -- 9.89%
  4. 1280x1024 -- 14 -- 7.69%
  5. 1280x720 -- 6 -- 3.30%
  1. Internet Explorer -- 124 -- 68.13%
  2. Firefox -- 50 -- 27.47%
  3. Safari -- 3 -- 1.65%
  4. Chrome -- 2 -- 1.10%
  5. Opera -- 2 -- 1.10%
• The Wasted Youths
  1. 1280x800 -- 1,535 -- 46.83%
  2. 1024x768 -- 820 -- 25.02%
  3. 1680x1050 -- 256 -- 7.81%
  4. 1440x900 -- 254 -- 7.75%
  5. 1152x864 -- 244 -- 7.44%
  1. Firefox -- 2,072 -- 63.21%
  2. Internet Explorer -- 882 -- 26.91%
  3. Safari -- 258 -- 7.87%
  4. Chrome -- 54 -- 1.65%
  5. Opera -- 7 -- 0.21%
  6. Konqueror -- 2 -- 0.06%
  7. Mozilla -- 2 -- 0.06%
  8. Playstation Portable -- 1 -- 0.03%

Como ven, si quisiera hacer la aplicación para el foro bastaría con que funcionara en Firefox (63.21%) a una resolución de 1000x800. En cambio si la hiciera para los demás tendría que funcionar en Internet Explorer (68.13%) a una resolución de 1000x800, aunque sería discutible si ese casi 10% de 800x600 importa o no…

Si vemos las estadísticas nos lleva a una pregunta un foro que es de jóvenes es, tecnológicamente hablando, más actualizado que el usuario promedio que utiliza la computadora para trabajar y no para jugar WoW en una resolución de 2500x1280 (no digo que los jóvenes únicamente jueguen, pero si les interesa mas una resolución alta, cuando el usuario promedio ni siquiera sabe que es eso).

Así que la conclusión es que haré un diseño líquido o elástico, es decir, que funcionará perfectamente bien a 800x600 (menos que eso no lo sé), pero si tienes una resolución de 1280x800, de igual manera se vera fullscreen. Esto se refiere a que en ocaciones entramos a páginas que en 800x600 tapan toda la pantalla del navegador, pero cuando subimos la resolución a 1280x800, simplemente vemos el contenido de la pagina al centro con 190 de cada lado libres. Un diseño líquido crece con el tamaño de la ventana, así siempre la vemos en toda la pantalla, sin afectar el contenido.

¿La diferencia entre uno y otro? Con un diseño fijo, por ejemplo a 800x600, especificámos exactamente eso, width de 800. En cambio con el diseño líquido especificámos el width con %, por ejemplo en vez de decir que el menú tiene 200px de ancho, decimos que tiene 25% de ancho.

Veremos si es cierto que es tan bella y sencilla la solución…

Links:

• http://www.w3schools.com/browsers/browsers_stats.asp
• http://www.webpagemistakes.ca/most-common-screen-resolution/
• http://essays.dayah.com/problem-with-pixels
• http://www.upsdell.com/BrowserNews/stat_trends.htm

Saludos

IDE: ¿Aptana, Eclipse o Ambos?

Después de decidir la librería que usaría el siguiente paso era: ¿Qué IDE usar?.

Una IDE (Integrated Development Evironment) es tan sólo una aplicación que integra todo lo necesario para desarrollar el programa en el lenguaje que soporta la IDE. Por ejemplo Visual Studio es una IDE para Visual Basic, Visual .NET, etc. Eclipse y Aptana son también IDE’s.

En realidad fué fácil. Hace mucho tiempo cuando empezó esto de las páginas, utilizaba Frontpage. Recuerdo como para dejar un espacio entre elementos llenaba todo de   hehehe, ¡Ay no…! Que cómico es Guillermo Puertas. Que por cierto, hace poco ayude a una prima con su página, donde el profesor los hizo “programarla” en ¡¡¡Frontpage!!!, ¡Que asco de profesor!.

Después vino el boom de Dreamweaver. En aquél entonces aún pertenecia a Macromedia, al igual que Flash, Freehand, etc, ahora Macromedia fué absorbida por Adobe. Sí, el mismo que hace el Adobe Reader, Photoshop, InDesign, etc. Que en su época fué bueno. Ahorita es usado más que nada por los Templates (hoy en día ¿Quién puede programar en Design Mode con Ajax y PHP?).

Y así terminó para mí el mundo del WYSIWYG (What You See Is What You Get -- Lo que ves es lo que obtienes). Entonces comencé a usar Weaverslave. En lo personal me fascina, es de los mejores editores que he usado, excepto por un pequeño problema, bueno de hecho dos.

1. No se ha actualizado desde 2005
2. Por el punto uno, no tiene completación (ni HTML ni PHP)
3. No tiene soporte FTP

Si tan sólo corrigieran el punto dos (ya que si corrigen el dos, el uno automáticamente se corrige), lo volvería a usar.

Así vague por las IDE’s y llegué por azares del destino a vim (aunque vim no es una IDE). Vim (Vi Improved) es un editor como NotePad pero para linux (Yo sé, NotePad es un editor de textos). Lo interesante de Vim, al igual que Emacs (su archienemigo), se pueden configurar macros, etc. A muchos usuarios les fascina eso.

Cansado de programar “rudimentariamente” (sin ánimo de ofender a nadie) aterricé en Eclipse. Eclipse es una multi-IDE, ya que al podérsele instalar plugins, puedes programar en el mismo “programa” (Eclipse) tanto C como PHP o HTML, etc. Desarrollar diagramas de flujo, administrar Bases de datos, etc.

Al conocer Eclipse, casi inmediatamente o por obligación, llega uno a conocer Aptana. Eclipse, por default, no trae el plugin para PHP ni HTML. Así que hay varias opciones como PHPEclipse o PDT para PHP y Aptana para HTML. Así que sencillamente puedes instalar Eclipse, bajas los plugins y tienes una multi-IDE que trabaja tanto con PHP como HTML, además de bajar otro plugin (Remote System) y tienes acceso a FTP/SSH/Telnet.

Así que hoy leyendo la ayuda de JQuery me encontré con un tutorial que dice paso a paso ¡Como configurar aptana para desarrollar aplicaciones con JQuery! Así que es la duda:

¿Usar Eclipse o Aptana puro?

¿Mencioné que Eclipse tiene un plugin para administrar bases de datos?, es decir, no tienes que abrir PHPMyAdmin (PMA), Navcat o algo similar para ver tu base de datos.

El problema radica en que con otra cosa que no sea PMA no me acoplo, y por otro lado Aptana también tiene acceso FTP (cosa que no necesito pues es local todo).

Por el momento probaré Aptana solo, pues ya lo descargué (131MB) hehehe. Espero no arrepentirme porque tendré que bajar Eclipse y luego el plugin de Aptana hehehe :-/

Por otro lado, una cosa que busco es el poder generar un proyecto, cosa que no tiene Weaverslave.

He ahí el veredicto.

Links:

• Weaverslave
• FrontPage
• Dreamweaver
• Vim
• Eclipse
• Aptana
• Aptana como plugin en Eclipse
• JQuery en Aptana
• PHPEclipse
• PDT
• Remote System

Saludos