Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a 2008

Datos de búsqueda

Año 2008

PHP: recuperar la URL completa de la página actual

Fecha de publicación: 2008/10/07

Se puede realizar mediante esta sencilla función:

function averiguaUrl() {
 $protocolo = $_SERVER['HTTPS'] == 'on' ? 'https' : 'http'; // Se extrae el protocolo (http o https)
 return $protocolo.'://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; // Se devuelve la URL completa
}

Visto en PHP Tutorials Examples: Get Full URL.

Datos del artículo:

Evitar el uso de la etiqueta NOSCRIPT

Fecha de publicación: 2008/10/06

En algunas ocasiones al crear un comportamiento Javascript se necesita, por accesibilidad, que haya un contenido alternativo en el caso de tener Javascript deshabilitado.

Esto puede conseguirse mediante la etiqueta NOSCRIPT. Aunque tiene un inconveniente. Supongamos un navegador que tiene Javascript activado pero no soporta el Javascript que se ha creado. No obtendrá ni el contenido resultante de ejecutar el Javascript ni el contenido de la etiqueta NOSCRIPT.

¿No sería mejor que el HTML tenga de inicio el contenido que va en NOSCRIPT y que mediante Javascript ese contenido se elimine al cargar la página en el caso de que el navegador sea compatible con el Javascript realizado?

Idea sacada de Replacing <noscript> with accessible, unobtrusive DOM/JavaScript

Datos del artículo:

Nuevo Internet Explorer para Windows Mobile

Fecha de publicación: 2008/10/02

Parece que proximamente va a aparecer una nueva versión de Internet Explorer para Windows Mobile 6.1, incluyendo como principal novedad el poder mostrar las páginas como si se estuviesen viendo en una pantalla grande con un navegador normal, y hacer zoom en la parte que se quiera visualizar (Igual que Safari para Iphone, Opera 9.5 para Windows Mobile o la última versión de Opera Mini).

La pega es que ese nuevo navegador está basado en el exitoso Internet Explorer 6 (si, ese que soporta tan maravillosamente los estándares web). Aun así es un avance, ya que la versión actual está basada en Internet Explorer 4.

Dicen que soportará Flash. Solo así podrá superar en algo a Opera 9.5 Mobile.

Más información y capturas de pantalla en the::unwired.

Datos del artículo:

Secciones "Acerca de": como distribuir bien el contenido

Fecha de publicación: 2008/09/30

Jakob Nielsen nos da unas cuantas pistas en su Alertbox de 29 de septiembre de 2008 para distribuir los contenidos del Acerca de en un sitio web de forma útil para el usuario:

  1. Tagline on the homepage: A few words or a brief sentence summarizing what the organization does.
  2. Summary: 1-2 paragraphs at the top of the main About Us page that offer a bit more detail about the organization’s goal and main accomplishments.
  3. Fact sheet: A section following the summary that elaborates on its key points and other essential facts about the organization.
  4. Detailed information: Subsidiary pages with more depth for people who want to learn more about the organization.

No hay que crear una sola página específica para el Acerca de, sino que hay que distribuir el contenido en determinadas partes del sitio:

  • Una breve descripcion (no más de una línea) del cometido del sitio organización en la página de inicio.
  • Ya en la página del Acerca de uno o dos párrafos que detallen un poco más lo del punto anterior: algo así como un resumen.
  • Una tabla con los puntos que describan la actividad del sitio u organización justo después del resumen.
  • Si fuese necesario crear páginas de detalle jerárquicamente por debajo de la del Acerca de.

Datos del artículo:

Apache SSL con certificado en Ubuntu/Kubuntu

Fecha de publicación: 2008/09/30

Parece que en el Apache de Ubuntu es un poco más complicado crear un certificado para el SSL (falta el script apache2-ssl-certificate).

En Launchpad han abierto una página para este bug, en la que hay un comentario que ayuda bastante a crear el certificado y activar el SSL. Reproduzco a continuación dicho comentario:

maraja wrote on 2008-04-30: (permalink)

setup

   1. sudo apt-get install apache2
   2. sudo apt-get install openssl
   3. sudo apt-get install ssl-cert

create ssl certificate:
sudo make-ssl-cert /usr/share/ssl-cert/ssleay.cnf /etc/ssl/private/localhost.pem

switch to apache sites configuration:
cd /etc/apache2/sites-available/

bakup the default configuration:
sudo cp default default.backup.date

be sure to listen the port 80 for the default:
sudo sed -i '1,2s/*/*:80/' default

create the ssl configuration:
sudo cp default ssl

set the ssl port:
sudo sed -i '1,2s/*:80/*:443/' ssl
sudo sed -i "3a\	SSLEngine On
	SSLCertificateFile /etc/ssl/private/localhost.pem" ssl

enable ssl:
sudo a2ensite ssl
sudo a2enmod ssl

restart apache2:
sudo /etc/init.d/apache2 restart

=)

Enlace permanente al comentario

Datos del artículo:

Linux: hacer ejecutable un fichero mediante chmod

Fecha de publicación: 2008/09/25

Tan solo hay que añadir el parámetro +x. En el siguiente ejemplo se hace al archivo escribible por cualquiera y ejecutable:

chmod +x /home/usuario/carpeta/archivo.sh

Datos del artículo:

Javascript: hallar el número de caracteres de una cadena

Fecha de publicación: 2008/09/22

Sencillo:

cadena = 'texto de la cadena';
longitud = cadena.length;

Como si se tratase de un array.

Datos del artículo:

Banda sonora de Final Fantasy VII

Fecha de publicación: 2008/09/06

Sacada de Youtube

Tour de Japon – Main Theme of Final Fantasy VII

Tour de Japon – Aerith’s Theme

Final Fantasy VII One Winged Angel (Eminence Symphony)

Datos del artículo:

Google Chrome

Fecha de publicación: 2008/09/02

Tras un día entero de rumores y tras conocer el comic del navegador de Google, ya está disponible para Windows, no así para Linux (de momento), Google Chrome.

Tras la descarga de un ligero ejecutable que descargará los archivos de la Red, comienza la instalación:

Instalación de Google Chrome (1)

Instalación de Google Chrome (2)

Y una vez instalado, ya en acción:

Página inicial de Google Chrome

Outbook en chrome

A primera vista parece simplón, pero es rápido, sencillo y cómodo, al tiempo que tiene una interfaz agradable a la vista.

Está basado en Webkit, igual que Safari, por lo que será otro navegador que trata de respetar los estándares. Estuve navegando un buen rato y no observé que ninguno de los sitios que visité se viera mal.

Un detalle curioso es la Ventana de navegación de incógnito. Todo lo que se abra en esa ventana no será registrado en el historial, ni se dejarán rastros de cookies:

Outbook en chrome

Descargar Google Chrome.

Datos del artículo:

HTC Diamond: características, impresiones y pegas

Fecha de publicación: 2008/09/01

Actualización: lo he reescrito.

Hace unos días sustituí mi viejo móvil (un NEC e242) por un HTC Diamond. La diferencia entre ambos, como puede suponerse, es abismal.

El HTC Diamond tiene características muy interesantes:

  • Pantalla táctil y Windows Mobile (a pesar que que no me guste mucho Windows)
  • Navegación web: incluye Opera 9.5 para Windows Mobile (es maravilloso). También lleva Internet Explorer, pero teniendo Opera…
  • Conectividad de red: Wi-fi, GPRS/WCDMA/HSDPA (hasta 7,2Mb!!) y ActiveSync (que utiliza la conexión del PC al que se le enchufe). Además se puede usar como modem en un ordenador, aunque la forma de realizar la conexión puede resultar un poco engorrosa, ya que hay que abrir una aplicación de conexión compartida en el móvil.
  • Capacidad multimedia: MP3/WMA (le falta Ogg Vorbis), cámara fotográfica y de vídeo (calidad aceptable), reproducción de vídeo (no soporta Divx, aunque hay una aplicación que lo solventa).
  • GPS: se supone, según el vendedor, que incluía una versión de prueba de TomTom, pero en el que yo compré no había nada de eso. Me lo he bajado del Rapidshare y le he puesto un mapa de la península Ibérica. Va bastante bién, aunque se merienda una batería totalmente cargada en dos horas y media. También se puede utilizar el GPS con la aplicación que trae para Google Maps, aunque sin voz.
  • Trae una aplicación para ver vídeos de YouTube y otra para RSS.
  • Aplicaciones Java: aun no lo he probado, pero parece que se le pueden meter aplicaciones Java como las de los móviles normales.
  • Correo: gran facilidad para configurar Gmail.
  • TouchFlo 3D: le da un toque alegre a la interfaz del móvil.
  • Capacidad de memoria: 4GB, suficientes, aunque podrían haber incluido una ranura de memoria.
  • Teclado: no lleva, pero da igual, por que aparece uno en la pantalla táctil, que se puede configurar como el de un móvil normal, QWERTY abreviado (como en la Blackberry Pearl) y QWERTY sin abreviar. A pesar de lo que pueda parecer se maneja bastante bien.
  • Lleva acelerómetro (creo que se llama así), de forma que al ver imágenes (en el TouchFlo) o al visitar un sitio web en Opera, si se cambia la orientación de la pantalla a horizontal, cambia también la orientación de la aplicación (aunque en Opera no parece que vaya demasiado bien).
  • Incluye un puntero, que proporciona mayor precisión que los dedos en la pantalla táctil.
  • En cuanto a lo que es hablar por teléfono resulta cómodo y la calidad del sonido es mejor que en el móvil que tenía antes.
  • Se puede comprar libre, pero a un precio que deja el bolsillo un poco dolorido.

Algunas pegas:

  • Falta de compatibilidad con Linux. En modo de almacenamiento masivo si es reconocido sin problemas, pero en modo ActiveSync parece que hay dificultades (pero es reconocido).
  • El enchufe para cargador/cable de datos y auriculares no es estándar (aunque hay un cable que adapta dicho enchufe a conectores estándar).
  • La cámara no tiene flash, y no destaca mucho su calidad en ambientes oscuros.
  • Trae un plástico para proteger la pantalla, pero si se coloca mal y se despega para colocarlo bien, van a quedar zonas despegadas. Es complicado hacerse con esos plásticos (aunque no es imposible).

Datos del artículo:

Información del sitio

Outbook está basado en WordPress

Licencia Reconocimiento-NoComercial-CompartirIgual

Feed RSS: