Entradas Twitter embebidas en publicación

Hace poco, leyendo algunos artículos en la página de la BBC, me llamó la atención un tuit insertado dentro de uno de los artículos con las clases y estilos CSS propios de Twitter, quise probar uno tal cual como el siguiente:

Probando #nanoblogger en #Debian #Linux, motor en #Bash para crear blogs desde consola, por ahora, el manual no cuadra con los comandos.
— Satélite Guayana (@sateliteguayana) 3 de abril de 2013

Para lograr esta manera de visualizar el tuit específico de alguien, se debe ir a la sesión o cuenta del usuario Twitter, buscar el comentario y finalmente solicitar la opción Más en el comentario, algo parecido a la siguiente imagen:



Luego copiamos el pequeño código:



Y lo pegamos en la sección donde queremos insertar el comentario con el estilo de Twitter.

BlazeBlogger

Es un CMS desarrollado en perl que maneja los estándares y convenciones HTML como cualquier otro CMS, puede ser administrado plenamente desde una consola de comandos, igualmente puede ser utilizado en cualquier plataforma de sistema operativo siempre y cuando tenga perl instalado como pre-requisito.

Lo probé desde Debian, la instalación es sencilla, como usuario root:

aptitude install blazeblogger

Posteriormente a la instalación, debes crear un directorio público si estás en un servidor web usando Apache en Debian, por defecto el directorio para las publicaciones se crea en el directorio: /var/www. Creamos un directorio dentro de dicho directorio, por ejemplo: blog.

Posteriormente movemos al usuario con el que crearemos el blog hacia el directorio: /var/www/blog. Y se crea el ambiente para el blog:

blaze-init

Inmediatamente se creará un directorio oculto dentro del directorio /var/www/blag/.blaze, dentro estarán los archivos de configuración, estilo, logs, idioma, temas, entre otros archivos de configuración; si deseamos cargar el idioma español, se debe copiar el archivo de instalación para español:

cp /usr/share/blazeblogger/lang/es_ES /var/www/blog/.blaze/lang/

Si deseamos editar todo desde una consola de comandos usando algún editor de texto vía comando, configuramos por defecto el editor de nuestra preferencia, yo configuré el editor vim de la siguiente forma:

blaze-config -e -E vim

Inmediatamente se abre un archivo de configuración para editar todos los parámetros globales del blog, tales como: autor, título del blog, eslogan, idioma, codificación; otra forma es usando comandos de configuración, por ejemplo, para cambiar de idioma usamos:

blaze-config blog.lang es_ES

Una vez cargados todos los parámetros y configuraciones, procedemos a construir el blog con un simple:

blaze-make

Luego, para crear una publicación se debe editar de la siguiente forma:

blaze-add

Terminada la edición, se guarda el archivo y se construye nuevamente el blog con el comando blaze-make, así también, se crean páginas adicionales pero indicando que es una página, por ejemplo:

blaze-add -p -t "Acerca de"

Editar una publicación o página ya creada, se debe listar todas las publicaciones e indicar el id de la publicación o página que deseamos editar, por ejemplo:

blaze-edit 1

Cada vez que se genera un cambio en el blog, se debe construir nuevamente para publicar dicho cambio. Es un sistema muy sencillo sobre todo para quienes no usan interfaz gráfica y publican desde consolas de comando alguna idea.

Entre los inconvenientes, está demás decir que creo es sólo para programadores o amantes de la edición HTML y la inserción de imágenes, para lo que creé un directorio dentro del directorio /var/www/blog/ llamado images, ahí coloqué una imagen para probar y su dirección relativa dentro de una publicación fue la siguiente:

<img src="../../../images/imagen.png" width="500px" />

Dejé un ancho de 500 pixeles debido a que el ancho por defecto del contenido es de 528 pixeles. Por otro lado, en el manual oficial del CMS existen innumerables funciones fáciles e intuitivas de usar, como pasar un archivo creado y publicarlo, eliminar una publicación, cambiar de colores y tema, entre otros tips.

Finalmente, así quedó una pequeña prueba que hice:

Selector consumo de motores trifásicos

Las siguientes tablas corresponden a las relaciones entre carga o consumo de motores trifásicos trabajando con diferentes voltajes, en cada renglón aparecen la carga completa en amperes y sus relaciones con el calibre de conductor de cobre a utilizar, capacidad de fusibles y capacidad de breakers recomendados.

Esta tabla es un selector de referencia de los productos Cutler-Hammer.

Motores de 200 voltios.

Motores de 230 voltios.

Motores de 460 voltios.

Motores de 575 voltios.

Editor de configuraciones Gnome, dconf-editor

Recientemente, configuré el Gnome-shell en mi portátil, que usa Debian como sistema operativo, quise hacer unas capturas de pantalla y no salían, más sí aparentemente las hacía, busqué todas las capturas realizadas y no salían reflejadas en ningún lado, revisé el editor de configuraciones por defectos de Gnome que se ejecuta con el comando:

dconf-editor

Una vez que abrió el entorno de edición, tuve que agregar un directorio por defecto en donde se guardarán las capturas de pantalla, lo dejé de la siguiente forma:

Validando e-mail con Javascript, ejemplo

Realizando pruebas de validación con Javascript, quise tomar un ejemplo para validar direcciones de correo con expresiones regulares, básicamente dejé un formulario sencillo que pregunta por un patrón específico de cómo se pudiera crear una dirección de correo, el código quedó:

<html>
<head>
<script type="text/javascript">
function valida() {
    var mailexp = /[a-zA-Z0-9\_\.\-]+\@[a-zA-Z0-9\_\.\-]+(.edu|.edu.ve|.com|.com.ve|.org|.org.ve|.net|.net.ve|.gob|.gob.ve)$/;
    var mail = document.forms["formulario"]["mail"].value;
    var mailcomp = mailexp.test(mail);
    if (mailcomp == false) {
        alert("Debe ingresar una dirección de correo válida");
        return false;
    }
}
</script>
</head>
<body>

    <form name="formulario" onsubmit="return valida();">
        <input type="text" name="mail" />
    </form>

</body>
</html>

Finalmente, antes de enviar todos los datos hacia el servidor, chequeo desde el cliente el formulario y que su campo de correo en este caso mail, tenga su patrón tal como debería estar. Existen varias formas de hacerlo.

Calendario con jQuery-ui

Una de las bondades que puede brindar un desarrollador es hacer un sistema lo más intuitivo posible y fácil de usar, sobre todo para usuarios que por ciertas condiciones no tienen la capacidad de ser muy diestros con los sistemas de información, como todo, "absolutamente todo" ya está en le nube, la mayoría de los sistemas interactivos están ambientados en la web o un sitio base HTML.

Son muchas las herramientas que existen para facilitar el desarrollo y funcionamiento de un sitio web, en éste caso, quisiera reflejar un poco la bondad de las herramientas jQuery, que viene acompañada de un sinnúmero de funciones y clases dispuestas sólo para introducir los datos y echarlas a correr, por su puesto, con sus respectivas revisiones y adecuaciones para que todo sea lo más intuitivo posible, como mencionaba.

Hace poco, me propusieron apoyar hacer un desarrollo web sencillo, dentro del desarrollo hay unos cuantos formularios, uno es el de registro de usuarios, con sus respectivos datos personales y fecha de nacimiento, utilicé jQuery-ui, me proporciona clases y funciones para calendarios, el calendario que hice estuvo de la siguiente manera:

<html>
    <head>
        <script src="jquery.js"></script>
        <script src="jquery-ui.js"></script>
        <script src="jquery.ui.datepicker-es.js"></script>
    </head>

<body>
<!-- script hecho en modo jquery -->
<script type="text/javascript">
$(function() {
    $.datepicker.setDefaults($.datepicker.regional['es']);
    $('#date').datepicker(
    {
        dateFormat: 'dd-mm-yy',
        changeYear: true,
        yearRange: "1950:<?php echo date('Y',strtotime('-17 year')); ?>"
    });
});
</script>

<!-- Entrada html para la fecha -->
<input id="date" name="fecha" type="text" />

</body>

</html>

Con la condición changeYear habilito que el año pueda ser escogido a criterio del usuario, con la condición yearRange habilito un rango de año, en el ejemplo de 1950 hasta 17 años menos del año actual, con la función PHP, esto con la intención de que se registren personas de 17 a 63 años de edad.

Adicionalmente cargo las etiquetas de los días en español, este paquete de jQuery-ui-datepicker, viene dispuesto con múltiples archivos con diferentes idiomas.

Nota teórica LVM

En GNU/Linux, por lo general durante una instalación se crean diferentes particiones y cada partición va orientada a un propósito específico, sin embargo, en un posible futuro puede presentarse el caso que se desean cambiar los tamaños o cuotas de discos para una partición determinada, con las herramientas de LVM podemos apoyarnos para realizar gestiones de un tamaño de una partición sin necesidad de "perder los datos", entre comillas, se dan los casos de que la información se puede dañar por mala utilización de la herramienta.

En Debian, el programa principal para usar LVM es: lvm2. Durante la instalación del sistema podemos crear particiones lvm, en donde en un modo background el sistema primero crea un espacio físico o physical volume (pv), posteriormente el administrador del sistema debe crear un grupo de volumen o volume group (vg), finalmente se crean los volúmenes lógicos o logical volume (lv).

Una vez que tenemos completamente instalado el sistema y necesitamos gestionar dichas particiones, podemos realizarlo con las herramientas:

pv, escribiendo pv y tabulando unas dos veces, desplegamos las herramientas disponibles para administrar la capa física de la cuota en disco.

vg, igualmente vg y tabulando unas dos veces desplegamos las herramientas disponibles para administrar la capa del grupo de volúmenes.

lv, finalmente lv tabulando unas dos veces desplegamos las herramientas disponibles para administrar la capa de volúmenes lógicos.

Si las administramos a nivel de shell, son herramientas muy intuitivas, cada palabra va relacionada con una acción particular, siempre se debe considerar lo siguiente, al momento de crear una partición lógica debe estar creado el espacio físico, luego un grupo y finalmente sí podemos crear la partición lógica.