Centrar un div en nuestra web con css

Si programáis en entorno web es bastante probable que hayáis encontrado este problema. Entre los atributos de estilo de un div podemos especificar la alineación central del contenido del div (con text-align), pero no del propio contenedor.

Algunos hemos hecho "ñapas" del tipo de declarar un div contenedor con text-align=center que contenga al div que queremos centrar, pero la solución es mucho más sencilla: poner tanto el margen derecho como el izquierdo a auto:

En css

#centrar{ 

  width:500px; /* Por ejemplo, si ocupa el 100% de la página no hay centrado ;) */

  margin-right: auto;

  margin-left: auto; 

  /* Estas dos siguientes son sólo para ilustrar mejor el ejemplo */

  padding:20px;

  color:red;

 }

(Y en nuestra página)

<div id="centrar">div centrado con contenido a la izquierda</div>

En HTML 

<div style="width:500px;margin-left:auto;margin-right:auto;background-color:red;padding:20px;">div centrado con contenido a la izquierda </div>

El resultado

Está probado en Firefox 15 y Explorer 9. Espero que os sea tan útil como a mí

Convertir juegos de caracteres latin1 a UTF-8

Un problema frecuente que nos encontramos al diseñar o migrar bases de datos es la elección del juego de caracteres. Para el castellano nos encontramos con varias alternativas, destacando dos principalmente:

• Latin1 o ISO 8859-1 es una norma de la ISO (Organización Internacional para la estandarización) que comprende todos los alfabetos latinos para Europa Occidental (con tildes, caracteres especiales como "ñ" o "ç",etc...).
• UTF-8 (8-bit Unicode Transformation Format) es un formato de codificación de caracteres Unicode e ISO 10646.

 Las normas ISO utilizan distintos juegos de caracteres que superponen conjuntos de símbolos (por ejemplo, el decimal 243 que corresponde a "ó" en latin1 puede corresponder a otro símbolo en cualquier otra norma ISO).

Una de las principales ventajas de UTF es que no superponen conjuntos de símbolos: el símbolo "ó" será el mismo valor independientemente del UTF que utilicemos (8, 16...).

¿Entonces UTF-8 es mejor que Latin1?

No queremos que los adeptos a uno de los dos sistemas se líen a pedradas con nosotros, así que no entraremos en polémicas ;-). Cada sistema tiene sus ventajas e inconvenientes (UTF-8 es más universal pero, ¿vamos a trabajar con alfabetos diferentes a latin1 como para justificar el mayor tamaño de almacenamiento de los datos?).

El problema

Es posible que hayáis encontrado una base de datos en un juego de caracteres que queráis migrar al otro. Si lo hacéis directamente os quedan caracteres que no tienen correspondencia exacta con el otro (no se representan bien los caracteres especiales del castellano como las "Ñ" y las tildes).

Una solución

Hablo de "una" solución porque afortunadamente existen muchas soluciones para este problema. Esta es la que yo utilizo por su sencillez. Os voy a describir el proceso para el paso de tablas en latin1 a UTF-8, el proceso inverso es similar.

El único software que vamos utilizar (además del propio de nuestra base de datos) es un editor de texto plano capaz de guardar cambiando el juego de caracteres. Yo trabajo con una versión de evaluación de Textpad, aunque el propio Notepad de Windows o el Notepad++ también pueden hacerlo, como casi cualquier editor de texto plano.

Entrando en faena, lo que debemos hacer es:

1) Exportamos

Hacemos una exportación (o dump) de la(s) tabla(s) de la base de datos de origen en texto plano (a un archivo sql). En el ejemplo que os muestro se trata de una tabla de municipios de España exportada en latin1.

2) Editaremos ese archivo exportado:

 Como podéis ver, en la sentencia SQL de creación de la tabla se especifica el juego de caracteres en dos puntos.  Vamos a eliminar el juego de caracteres de la columna y cambiaremos el general por defecto de la tabla a UTF-8 manualmente:

 Por último pulsamos sobre guardar cómo para poder cambiar el juego de caracteres:

3) Importamos el archivo editado

Al importar a nuestra base de datos de destino tenemos que especificar que se trata de un archivo en UTF-8.

En nuestro caso utilizamos una base de datos MySQL con phpMyAdmin:

Si sois de los que preferís utilizar la línea de comandos:


mysql -u mi_usuario -p  db_destino   --default-character-set=utf8 < archivo_editado_utf8.sql


Et voilá, tendremos nuestra tabla importada con sus caracteres correctos sin artefactos en las tildes, "ñ", "ç"...

Activar / Desactivar javascript en Firefox con un clic

Si sois desarrolladores es posible que necesitéis activar y desactivar Javascript para comprobar como se comportan vuestros scripts. Si trabajáis con Firefox habréis comprobado que es un poco farragoso activarlo y desactivarlo (ir al menú herramientas, la pestaña concreta, entrar en las opciones...). Afortunadamente somos muchos los que nos encontramos con este "problema" y hay numerosas soluciones para no perder tiempo en ello. 

También puede ser útil a la hora de copiar contenidos (texto, imágenes...) de esas páginas web que nos deshabilitan el botón derecho del ratón ;-)

QuickJava

Doug G  ha desarrollado la extensión QuickJava para Firefox. Se trata de una barra de botones que nos permite desactivar y activar Javascript con un solo clic:

El botón estará azul o rojo en función del estado de activación de javascript (rojo desactivado). Como podéis observar incluye también la posibilidad de activar y desactivar (en su versión actual):

• Java
• Flash
• Silverlight
• Cookies
• Imágenes animadas
• Hojas de estilos

 Realmente merece la pena, probadla. Podéis descargarla desde:

https://addons.mozilla.org/en-US/firefox/addon/quickjava/

Cuentos infantiles interactivos en dispositivos móviles

Si sois padres seguro que lleváis el teléfono móvil repleto de recursos de última hora para tener entretenidos a los peques mientras tomáis algo en una terraza, esperáis en el médico en cualquiera de esas situaciones en las que necesitamos que estén "quietos y tranquilos" :-D

¿Conocéis PlayTales Books?

Es una aplicación gratuita con cuentos interactivos que funciona en dispositivos Android y Apple (iOS). Hay una gran cantidad de cuentos gratuitos (y una aún mayor de otros de pago).

Si instaláis la propia aplicación contiene un cuento gratuito (en inglés) y una biblioteca tipo iBooks para adquirir nuevos títulos, pero existen decenas de cuentos gratuitos. En la imagen tenéis unos ejemplos de los que le tengo instalados a mi peque.

¿Cómo funciona?

Una vez instalados en tu dispositivo tienes varias posibilidades: contárselo tú o dejar que se reproduzca automáticamente. En cada una de las páginas el peque puede ir tocando las imágenes que se moverán y emitirán sonidos.

Animáos a probarlo, veréis como les encanta.

Logmein: control remoto fácil y gratuito

Una necesidad frecuente en nuestros días es la de controlar de forma remota otros equipos. Ya sea para manejar el ordenador de casa desde el trabajo o viceversa, echar un cable a ese amigo que siempre nos llama cuando tenemos problemas o simplemente no levantarnos de la mesa cuando trabajamos con varios ordenadores, el control remoto es una solución muy útil.

Ya ya, ¿pero qué aporta Logmein?

Logmein es un software de control remoto basado en web. Su mayor ventaja es que funciona desde un navegador web por el puerto 80. ¿Y esto qué significa? Que los firewall de Windows y de empresa no lo detectan. Podrás acceder libremente a tus equipos de forma gratuita sin tener que abrir puertos o protocolos distintos y tan sólo con un equipo conectado a Internet.

 ¿Es seguro?

 Logmein funciona con agentes: pequeños programas residentes en el ordenador que quieres controlar de forma remota. Ese programa está siempre "escuchando" peticiones de conexión remota. 

Por un lado, la conexión viaja con un cifrado de 256 bits. Por otro, es necesario introducir la contraseña de una cuenta activa en el equipo que queremos controlar (si nos pillan una sesión de logmein abierta aún necesitan la clave del equipo). Aun así, podemos configurar el agente de modo que sea necesaria una confirmación desde el ordenador que queremos controlar para que se establezca la conexión.

¿Cómo lo instalamos?

Lo primero es registrarnos en www.logmein.com con una cuenta de correo electrónico:

Elegimos la opción de acceder a equipos de forma remota (a veces nos pregunta si queremos la opción de evaluación "Pro"). La gratuita es la "Free":

Rellenamos el formulario de registro (muy sencillo). Selecciona la opción "Fines personales" (hay una solución empresarial mucho más potente con más funcionalidades, pero no es gratuita).

Hecho esto ya tenemos creada la cuenta en Logmein. Ahora podremos añadir los equipos que queremos controlar de forma remota. Podemos añadir nuestra propia máquina en este momento pulsando sobre el botón "Descargar e instalar el software":

Seguimos todos los pasos del instalador y nuestro equipo tendrá instalado el agente de logmein para el control remoto.

Si queremos instalar el agente en otra máquina debemos entrar en logmein desde un navegador (www.logmein.com), iniciar sesión con nuestro usuario y nuestra clave y después pulsar sobre "Añadir este ordenador" (lo veremos un poco más adelante).

Es posible configurar el agente para que se conecte con otra cuenta de Logmein, para que solicite autorización antes de conceder el control remoto... 

Controlando equipos de forma remota

Para tomar el control de forma remota con Logmein entramos a su página web www.logmein.com, iniciamos sesión con la cuenta de correo con la que nos registramos y aparecerá una lista con todas las máquinas a las que tenemos acceso (aquellas con el agente instalado y configurado con nuestra cuenta.

Como véis, en mi cuenta tengo unas cuantas máquinas (he tapado parte del nombre y la información por motivos obvios). En esta pantalla se muestra distinta información (estado de actualizaciones, tiempo desde la última conexión, etc...) pero la más importante es si están activos (encendidos y con el agente escuchando).

Aquellos activos aparecen coloreados y para acceder simplemente hacemos clic sobre el icono o el nombre del equipo. Se nos solicita una contraseña de acceso al equipo (una cuenta de usuario válida en él):

Podemos acceder con credenciales de la propia máquina local o incluso de dominios. Una vez que ingresemos en la máquina veremos en el navegador el escritorio y podremos interactuar con él como si estuviésemos delante.

Multiplataforma

Lo único que necesitamos para ejecutar Logmein es un navegador web, funciona perfectamente desde Internet Explorer, Firefox y Chrome (seguramente más, pero no los he probado todos ;-)

Además existen aplicaciones para iOS y Android que agilizan el trabajo, aunque son de pago.

Concluyendo...

Logmein nos ofrece un control remoto con la potencia y capacidad de Team Viewer o VNC a través de un navegador web, sin más software en el origen (en el destino debemos tener un agente, igual que con VNC).

Si quieres un poco más de "chicha" prueba las versiones de evaluación que va ofreciendo Logmein. Ofrecen desde subida y bajada de archivos copiando y pegando desde tu equipo al más puro estilo Terminal Server a instalación en "batch" de antivirus y actualizaciones, control de versiones de software... Una herramienta digna de tener un pequeño hueco en tu máquina.