Cómo proteger el perfil en Mozilla Thunderbird

Mozilla Thunderbird

Es posible proteger el perfil en Mozilla Thunderbird mediante una contraseña. Al igual que si usamos diferentes perfiles, cada uno puede tener lógicamente su propia contraseña. Cada vez que iniciemos el programa, si el perfil está protegido, habrá que introducir la contraseña correspondiente para poder acceder.

Puede que existan varias opciones para proteger el perfil en el Mozilla Thunderbird, la que explicamos a continuación se basa en el uso de una extensión llamada ProfilePassword. Una vez instalada la extensión podemos acceder a sus opciones para establecer o cambiar la contraseña desde el menú: Herramientas / ProfilePassword / Gestor de contraseñas.

La extensión ofrece también la opción de bloquear la ventana del programa a través de su entrada en el menú: Herramientas / ProfilePassword / Bloquear ventana, siendo necesario volver a introducir la contraseña para desbloquear y poder volver a usar el programa.

Debe quedar claro que por las características de Mozilla Thunderbird, una protección de este tipo es muy vulnerable y un usuario avanzado puede burlarla fácilmente.  El tipo de protección ofrecida por esta extensión no es apta para situaciones en las que es muy importante proteger los correos de personas no autorizadas. De todos modos puede ser útil en algunas otras situaciones (computadora compartida entre varios usuarios).

¿Cómo gestionar los perfiles en Mozilla Thunderbird?

Mozilla Thunderbird permite trabajar con uno o más perfiles, con el fin de que varios usuarios puedan usar el programa sin interferir entre sus opciones.

La forma de trabajar con los perfiles es mediante el Administrador de Perfiles, que nos va a permitir poder crear nuevos perfiles, eliminar o renombrar los ya existentes, así como elegir el perfil que queramos usar en cada momento.

Para llamar al Administrador de Perfiles, cerciórese de que Mozilla Thunderbird no esté en ejecución (ver Cierre forzado), y diríjase a Inicio – Ejecutar o pulse la tecla Inicio + R (en Windows), pulse Alt+F2 o abra un terminal (en GNU/Linux), y escriba:

thunderbird -ProfileManager

1 – Creamos el Perfil

Mozilla Thunderbird Profile

2 – Escogemos la carpeta donde guardaremos el Perfil

Mozilla Thunderbird Profile Folder

3 – Perfil Creado

Mozilla Thunderbird Profile

4 – Instalamos la extensión ProfilePassword

Mozilla Thunderbird ProfilePassword

5 – Configuramos la contraseña en: Herramientas / ProfilePassword / Gestor de contraseñas

Mozilla Thunderbird ProfilePassword Gestor de contraseñas

6 – Opciones para establecer o cambiar la contraseña

Mozilla Thunderbird ProfilePassword Opciones

7 – Cada vez que iniciemos el programa, si el perfil está protegido, habrá que introducir la contraseña correspondiente para poder acceder

Mozilla Thunderbird ProfilePassword Activado

Autor del ProfilePassword Paolo Kaosmos, URL del sitio web original http://nic-nac-project.de/~kaosmos/profilepassword-en.html

Multibrowser el navegador perfecto para los desarrolladores web

NOTA: El software ha sido descontinuado.

Compruebe que su sitio web tiene un aspecto perfecto en todos los navegadores. La captura de pantalla no está mal, pero trabajar con los navegadores en un ambiente real es mucho mejor. Multibrowser es la agrupación de todos los navegadores de uso común, en una aplicación.

Página web de Multibrowser

Multibrowser contiene casi todos los navegadores que más se usan actualmente: Internet Explorer 7, 8, 9, Firefox y Google Chrome. Se trata de una representación real de los núcleos de cada navegador. La aplicación te permite ver hasta cuatro sitios web de manera simultánea en los diferentes modos y puntos de vista existentes.

Tres espacios de trabajo diferentes

Multibrowser tiene un buen ambiente de trabajo para cada fase del proyecto. El modo de diseño, si va a crear o editar el proyecto. Contiene muchas herramientas inteligentes y útiles, tales como las reglas y guías, que permiten medir el tamaño de los elementos, y WebTools para la edición de CSS en tiempo real. El modo de comparación, si es necesario comparar varias versiones de su proyecto en un navegador. Y, por último, el modo de Vista, que se utiliza para el control final de su proyecto en todos los navegadores.

Capacidad de navegación por el sitio web completo

Multibrowser no genera las imágenes estáticas de las páginas. Solo contiene la mayoría de los navegadores que más se utilizan en la actualidad, y lo más importante es que los sitios web se muestran en la misma forma que en los navegadores nativos, incluyendo todos los accesorios y funciones. Las páginas pueden ser vistas con eficacia en todos los navegadores seleccionados al mismo tiempo.

La edición en línea del código CSS (WebTools)

Multibrowser contiene una herramienta de gran alcance que es WebTools. Seguramente, usted debe haber oído hablar de Firebug. No negamos que hemos estado un poco inspirados por este popular complemento para Firefox, mientras estábamos desarrollando nuestro WebTools, herramienta que permite modificar el estilo para mostrar los cambios que hechos en tiempo real, muestra los estilos y la posición de los elementos dentro del árbol DOM. Otras características incluyen el Validador HTML del código fuente.

Monitoreo en línea de los cambios en todos los navegadores al mismo tiempo

¿Está familiarizado con la situación cuando se está depurando un sitio web o una plantilla para un navegador concreto y, mientras tanto, se le rompe la disposición de los demás? Posteriormente, tendrá una tarea complicada y el tiempo para revisar las páginas en todos los navegadores, o que va a recibir imágenes desde otras aplicaciones o servicios. Con Multibrowser todo es mucho más fácil. Con WebTools puede depurar su página o plantilla y usted puede ver inmediatamente los cambios, al mismo tiempo, en todos los navegadores que ha seleccionado. Si se utilizan dos monitores para el trabajo, todo el proceso es incluso más rápido, porque puede tener WebTools en un monitor y los navegadores en el otro.

Validador HTML

Ya no es necesario hacer clic entre múltiples aplicaciones, Multibrowser cuenta con editor y validador. Contiene un sistema integrado de validación de código fuente, que está directamente vinculado con el validador del W3C. Inmediatamente después de la descarga que indica si la página es válida o no. Con un clic podrá encontrar todos los errores y las advertencias en la página, incluyendo el número de las líneas donde se encuentra el error. Los resultados de la validación se muestran directamente en el editor, donde los errores se pueden corregir y volver a validar hasta que el archivo HTML esté correcto y validado, teniendo la posibilidad de guardarlo.

Reglas, guías, zoom y otras herramientas de desarrollo

El modo de diseño contiene herramientas útiles para el desarrollo. Con las reglas usted puede determinar con precisión la distancia de los elementos desde el borde superior e izquierdo de la zona de trabajo. Puede utilizar las guías para verificar la ubicación de los elementos de la página y, al mismo tiempo, puede comprobar la exactitud de sus puntos de vista en los navegadores por separado. Si usted necesita ver cualquier parte de la página con mayor precisión en los detalles, puede utilizar la función de zoom.

Comparación de imágenes con la plantilla HTML

Puede ser que usted haya tenido un diseño gráfico de aspecto perfecto, pero el resultado de la plantilla o sitio web haya sido completamente diferente. Los elementos no encajaban, el tamaño de letra era diferente, había una hendidura, imágenes diferentes, entre otras incongruencias. Para evitar que esto ocurra, Multibrowser le permite cargar una imagen – un diseño gráfico – en una de las ventanas, utilizando las guías para indicar la posición de los elementos individuales y, posteriormente, adaptando el resultado de la plantilla a la imagen.

Inspección de elementos HTML

Una de las funciones más populares. Para no complicar su búsqueda en cuanto al elemento específico en la página de árbol DOM o en los estilos CSS, todo lo que necesita es hacer clic en el elemento de Inspección en el contexto de selección y tendrá toda la información que usted precisa. Y, por supuesto, inmediatamente puede trabajar con el elemento, lo puede modificar y depurar.

Editor integrado de HTML

Si necesita hacer cambios sencillos o escribir unas pocas líneas de código, puede utilizar el editor de HTML integrado, que soporta el resaltado de sintaxis HTML, la numeración de líneas, y mucho más. Por supuesto, todos los cambios están en línea visible en todos los navegadores activos. El editor trabaja con WebTools, por lo que se pueden ver y editar los archivos CSS en la página que se muestra; posibilitando redactar un mayor número de códigos, en lugar de unos pocos atributos.

Soporte para los editores externos y entornos de desarrollo

Aunque Multibrowser incluye un editor de HTML integrado, es claro que cuando se está preparando plantillas y proyectos web, está utilizando el entorno de desarrollo favorito o un editor de HTML completo. No hay problema, en la configuración se establece la ruta a su editor y, posteriormente, se puede hacer todo lo que necesite. Los cambios que se realizados se pueden observar inmediatamente en todos los navegadores activos.

Soporte para el trabajo con dos monitores

Si utiliza un editor externo como se describe anteriormente, usted se quedará impresionado con la capacidad de trabajar con dos monitores a la vez: uno puede tener el editor, donde puede escribir el código, y el otro, mostrar exploradores individuales. Por supuesto, esto posibilita trabajar con WebTools o con el editor integrado.

Otras características de uso fácil y útil:

  • Sincronización de navegación en todas las ventanas.
  • Sincronización de desplazamiento de las páginas en todas las direcciones, solo tienes que arrastrar el ratón.
  • Posibilidad de personalizar el tema con aplicaciones de color.
  • Entorno estándar y fácil de usar cómo otras aplicaciones de Windows.

Fuente: http://www.multi-browser.com/

humans.txt Somos humanos, no máquinas

Un archivo TXT que contiene la información sobre las personas que han intervenido en la web.

Página web de humans.txt

¿Por qué un TXT?

Porque es fácil y rápido de crear, y no es intrusivo en el código. Muchas veces los propietarios de los sites no quieren que los autores firmen su web alegando que reduce el rendimiento de la misma. De esta forma puedes demostrar la autoría (que no propiedad) de forma externa, rápida, sencilla y accesible.

¿Dónde se pone?

En la raíz del site. Al lado de robots.txt.

Y (siempre que sea posible) en el <head> añade en el Tag author

<link type="text/plain" rel="author" href="http://domain/humans.txt" />

¿Por qué debo hacerlo?

No estás obligado. Es una iniciativa para conocer a los autores de los sites que visitamos.

¿A quién debo poner?

A quien quieras, siempre que ellos quieran. Puedes poner al desarrollador, al diseñador, al copy, al webmaster, al gestor de contenidos, al SEO, SEM o SMO… como ves la lista es interminable, somos muchas personas las que podemos intervenir en la creación de un site.

Meta Name vs. humans.txt?

No te hagas esta pregunta. No es una lucha, es un complemento para poder ampliar la info de los autores.

La web es para humanos…

Siempre lo decimos, pero sólo generamos un archivo con info complementaria para los motores de búsqueda… robots.txt ¿Por qué no hacerlo también para nosotros?

En busca de un estándar.

Nos gustan las cosas bien hechas, queremos marcar unas pautas para un humans.txt unificado. Abel Cabans definió los campos básicos que puedes consultar en nuestro humans.txt.

También eres libre de añadir lo que quieras

Guía rápida para crear el archivo

  1. Crea un archivo de texto llamado humans.txt (siempre en minúsculas) y codifícalo en UTF-8, evitarás problemas con caracteres multilingües y otros idiomas.
  2. Coloca en el <head> del sitio web una referencia al archivo: <link rel=”author” href=”humans.txt” />
  3. Para mantener una estructura visual básica, separa lo que es el equipo de humans de los datos del sitio web con los títulos bien referenciados con /*TEAM*/ y /*SITE*/
  4. Escribe los datos de cada human involucrado en el proyecto: cargo, nombre, forma de contacto, twitter, localización geográfica,… (Para evitar problemas de S P A M, puedes evitar indicar directamente cuentas de e-mail con [at] en lugar de @.)
  5. Indica también algunos datos del sitio, como la fecha de su última actualización (YYYY/MM/DD), idioma principal, su Doctype y las herramientas utilizadas para su desarrollo.
  6. Guarda y sube el archivo a la carpeta raíz del sitio web.
  7. Coloca el botón de humans.TXT en alguna parte del sitio y enlaza tu humans.txt desde él.

Ejemplo:

/* TEAM */
 
Tu cargo dentro del proyecto: Tu nombre.
Site: E-mail, enlace a formulario de contacto,...
Twitter: tu nombre de usuario en Twitter.
Location: Ciudad, Comunidad, País.
 
[...]
 
/* THANKS */
 
Name: nombre o url
 
[...]
 
/* SITE */
 
Last update: YYYY/MM/DD
Standards: HTML5, CSS3,..
Components: Modernizr, jQuery, etc.
Software: Software usado para el desarrollo del site.

Fuente: http://humanstxt.org/ES/

Frameworks de CSS para el Desarrollo Web

La palabra inglesa “framework” define, en términos generales, un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular, que sirve como referencia para enfrentar y resolver nuevos problemas de índole similar.

Un framework para aplicaciones web es un framework diseñado para apoyar el desarrollo de sitios web dinámicos, aplicaciones web y servicios web. Este tipo de frameworks intenta aliviar el exceso de carga asociado con actividades comunes usadas en desarrollos web y su intención es principalmente ahorrar tiempo y minimizar el riesgo de errores en el desarrollo de aplicaciones. Los frameworks nos evitan, sobre todo en los momentos iniciales del desarrollo de una aplicación, repetir código para construir la base y nos permiten conseguir ciertas funcionalidades.

¿Qué es un framework CSS?

Igual que sus parientes orientados a lenguajes de servidor o cliente, el objetivo de un framework CSS será ahorrarnos realizar las tareas básicas al trabajar con hojas de estilo. Normalmente los frameworks CSS se componen de uno o varios archivos con declaraciones predefinidas que incluyen:

Reset (reset.css): Resetear los estilos al empezar a trabajar la maquetación de una página, nos permitirá homogeneinzar, a priori, las posibles diferencias de visualización entre navegadores, unificando las propiedades básicas de los elementos: margin, padding, font, border, etc.

Tipografías (text.css): Una gestión genérica de las tipografías que se usarán en la página. De nuevo, no sólo se trata de aplicar un uso inteligente de fuentes y tamaños, si no de unos altos de línea, margin, padding, font-size, line-height, etc, que ayuden a  mantener un correcto ritmo vertical en la página.

Layout (grid.css): Una parte de los frameworks va dirigida a una de las tareas más arduas a la hora de maquetar cualquier diseño: conseguir un determinado layout, más o menos complejo, que sea, además de óptimo, “cross-browser”,  compatible con todos los navegadores. Suelen disponer de múltiples opciones combinables para conseguir layouts complejos: múltiples columnas, anchos fijos, elásticos y líquidos.

Style (style.css): Estilo personalizado por el desarrollador, ya sea para modificar algunas de las configuraciones anteriores o concentrarse en la maquetación del diseño gráfico para la aplicación o sitio web.

Ventajas de usar un framework CSS

  • Permite agilizar el desarrollo, sobretodo en sus momentos iniciales.
  • Te ahorra las habituales batallitas entre navegadores para conseguir que tus layouts sean “cross-browser”.
  • Partes de una base normalizada / homogeneizada sobre la que desarrollar un trabajo adicional.
  • Si el framework CSS está bien documentado, agiliza el trabajo en un equipo relativamente grande.

Desventajas de usar un framework CSS

  • Curva de aprendizaje. Algunos frameworks son realmente complejos y es necesaria bastante dedicación y pruebas para llegar a controlarlos bien, conocer y usar todo su potencial.
  • Puede afectar negativamente a la semántica de tu marcado HTML. La mayoría de los frameworks contienen definiciones demasiado genéricas que además han sido pensadas y nombradas pensando únicamente en la apariencia que tendrán
  • Gran parte del código nunca será utilizado. Los frameworks intentan prever todas las situaciones y contienen muchas definiciones genéricas que posiblemente nunca lleguemos a utilizar. Esta desventaja sería en realidad aplicable también a otro tipo de frameworks. Con la diferencia que un framework PHP por ejemplo, el cliente no debe descargar TODO el framework para que la aplicación funcione: se ejecuta en el servidor. El CSS en cambio sí debe descargarse al navegador, con lo que debemos cuidar su extensión si no queremos afectar negativamente al rendimiento.
  • Por último, y posiblemente la más importante, es que usar un framework CSS te corta las alas a la hora de aprender, de entender cómo funcionan realmente las hojas de estilo. Muchas de las cosas que se aprende mientras te rompes los cuernos tratando de solucionar absurdos bugs de render de Internet Explorer, o de conseguir flotar aquella caja rebelde, o buscando el motivo por el cual la cascada se iba a tomar viento al definir tal o cuál color. En mi opinión, condiciona excesivamente el trabajo del desarrollador.

Los Frameworks de CSS más usados

960 Grid System

El 960 Grid System es de uso gratuito, y puede ser aprovechado para satisfacer sus necesidades específicas. Se ha dividido en varios proyectos, incluyendo versiones que fueron construidas para ser fluida y elástica.

http://960.gs/

Blueprint

Blueprint es un framework de CSS, que tiene como objetivo reducir el tiempo de desarrollo. Te da una base sólida para construir tu proyecto, es de fácil uso, la tipografía sensible, plugins útiles, e incluso una hoja de estilo para la impresión.

http://www.blueprintcss.org/

YUI Grids CSS

El YUI Grids CSS ofrece cuatro anchos de página predeterminada, seis plantillas preestablecidas, y la capacidad de apilar y anidar regiones subdivididas en dos, tres o cuatro columnas. El archivo de 4kb ofrece más de 1000 combinaciones de diseño de página.

http://developer.yahoo.com/yui/grids/

Baseline

Baseline está construido a partir de las normas tipográficas más claras, pretende simplificar el desarrollo de un sitio web en un entorno agradable. Comienza con varios archivos para restaurar el comportamiento por defecto del navegador, crear un diseño de base tipográfica, incluye el estilo de los formularios HTML y los nuevos elementos de HTML 5 y construye un sistema de red simple.

http://baselinecss.com/

Less Framework

Less Framework es un framework de CSS para el diseño de sitios web adaptativos. Contiene cuatro disposiciones y 3 juegos tipografías construidas para ser fluida y elástica.

http://www.jonikorpi.com/less-framework/

52framework

52framework se presenta como el primero en especializarse en HTML5 y CSS3, el futuro de la programación web que ya está más cerca de lo que pensamos.

http://www.52framework.com/

Twitter Bootstrap

Twitter Bootstrap es una solución flexible que ofrece muchas más potencia que el CSS normal. Conseguimos una serie de características extras como las declaraciones anidadas, mixins, operaciones y funciones de color. Es fácil de implementar en el código tan sólo incluyendo la declaración en la cabecera y usar los componentes disponibles.

http://twitter.github.com/bootstrap/

Otros Frameworks de CSS

Configuración de VirtualHost en Linux Debian con Apache2

Tras la actualización del último post “Instalación de Apache2 con PHP5 y MySQL en Debian Squeeze” traigo el tema de cómo configurar sitios web o servidores dinámicos con estas tecnologías.

El término VirtualHost (Hosting Virtual) se refiere a hacer funcionar más de un sitio web en una sola máquina. Los sitios web virtuales pueden estar “basados en direcciones IP“, lo que significa que cada sitio web tiene una dirección IP diferente, o “basados en nombres diferentes“, lo que significa que con una sola dirección IP están funcionando sitios web con diferentes nombres de dominios. El hecho de que estén funcionando en la misma máquina física pasa completamente desapercibido para el usuario que el sitio que visita esté conviviendo con otros.

Nota preliminar

En guía se utiliza la dirección IP 192.168.1.5. Estos ajustes podrían ser diferentes para usted, así que debes sustituirlos en caso necesario.

Por defecto el directorio raíz del Apache2 en Linux Debian es /var/www y tras la instalación se crea también un fichero index.html. Este directorio es accesible desde la dirección IP con la que está configurada la maquina o servidor a través de la configuración creada en el virtualhost por defecto (default) que se encuentra en /etc/apache2/sites-available.

Modificaremos esta configuración creada por defecto tras la instalación de Apache2 para evitar que puedan ser accesibles otros directorios creados en /var/www que utilizaremos para hospedar los sitios web.

Modificar el directorio raíz por defecto del virtualhost default

Creamos el directorio default

mkdir /var/www/default

Movemos el fichero index.html para nuevo directorio creado

mv /var/www/index.html /var/www/default/

Nota: El fichero index.html puede ser modificado también para mostrar un mensaje personalizado cuando se acceda directamente al servidor a través de la IP, para ello necesitaremos editar el HTML.

nano /var/www/default/index.html
<h1>¡Este es el servidor virtual de REGOREMOR!</h1>
 
Esta es la página web predeterminada para este servidor.
 
El software del servidor Web se está ejecutando.

Ahora modificamos la configuración del virtualhost default

nano /etc/apache2/sites-available/default

Solo modificamos las las rutas al directorio raíz

DocumentRoot /var/www/default
...

Debemos reiniciar Apache después:

invoke-rc.d apache2 restart

Ahora dirige tu navegador a http://192.168.1.5 y usted debería ver una página con el texto modificado del fichero index.html

it-works-personalizado

Configuración básica del VirtualHost

Primero que todo en los DNS públicos o privados deben estar registrados los dominios y/o alias que apuntarán a la IP del servidor en este caso (192.168.1.5).

dominio.com     A     192.168.1.5
www.dominio.com    A     192.168.1.5

Crearemos el directorio donde hospedaremos el sitio web que posteriormente configuraremos el DocumentRoot & Directory en el VirtualHost.

Podemos darle como nombre del directorio el nombre del dominio que apunta a este sitio (dominio.com).

mkdir /var/www/dominio.com

Creamos un fichero de prueba

nano /var/www/dominio.com/index.php
<h1>Hola Mundo desde mi dominio.com</h1>
Esto es una página de prueba

Creamos y configuramos el VirtualHost

nano /etc/apache2/sites-available/dominio.com
<VirtualHost *:80>
ServerName dominio.com
ServerAlias www.dominio.com
 
DocumentRoot /var/www/dominio.com/
 
ServerSignature On
 
ErrorLog /var/log/apache2/dominio.com-error.log
 
LogLevel warn
 
CustomLog /var/log/apache2/dominio.com-access.log combined
 
<Directory "/var/www/dominio.com/">
Options Indexes FollowSymLinks MultiViews ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>

Habilitamos el VirtualHost en el Apache

cd /etc/apache2/sites-available/
a2ensite dominio.com

Debemos reiniciar Apache después

invoke-rc.d apache2 restart

Dirija su navegador a http://dominio.com o http://www.dominio.com y usted debería ver una página con el texto del fichero de prueba.

hola-mundo-test

Post relacionado

Configuración del módulo ProxyPass de Apache

Enlaces

Apache: http://httpd.apache.org/docs/2.0/vhosts/