Tecnologia en Tabasco - Miguel Angel Frias Bonfil

Chitra's Blog: WVU Research responsive redesign, web performance ...

noreply@blogger.com (Anonymous) — Mon, 27 Jan 2014 12:30:00 +0000

Chitra's Blog: WVU Research responsive redesign, web performance ...: The main purpose of this article is to share my experience and lessons learnt during the responsive redesign of WVU Research website and al...

②ality – JavaScript and more: A meta style guide for JavaScript

noreply@blogger.com (Anonymous) — Fri, 17 Jan 2014 13:29:00 +0000

②ality – JavaScript and more: A meta style guide for JavaScript: JavaScript has many great style guides. Thus, there is no need to write yet another one. Instead, this blog post describes commonly accepted...

Secrets of Awesome JavaScript API Design

noreply@blogger.com (Anonymous) — Wed, 15 Jan 2014 09:01:00 +0000

jQuert.scrollTop() no funciona

noreply@blogger.com (Anonymous) — Thu, 24 Jan 2013 17:10:00 +0000

La funcion de jQuery scrollTop, no funciona en Firefox y en IE.

La unica manera que puede hacerlo funcionar, es pasandole el objeto document.

Anteriomente yo usaba:

 $("body").scrollTop();

Pero esto no funciona en ni en FF, ni en IE, por lo que al final quedo:

 $(document).scrollTop();

Drupal 6: Obtener la informacion de una vista / Get a view data

noreply@blogger.com (Anonymous) — Tue, 04 Dec 2012 01:10:00 +0000

If you use this:

$view = views_get_view('masvisitados');
$view->execute();
print_r( $view->render() );

It will render with the markup, but If you just want the data (like me), you can try this:

$view = views_get_view('masvisitados');
$view->preview('Mas visitados', 4);
$view = $view->result;
print_r( $view );

It returns an array.

Detectar cualquier dispositivo móviles como Iphone, Ipad, Galaxy, Blackberry con Javascript

noreply@blogger.com (Anonymous) — Sun, 21 Oct 2012 16:07:00 +0000

Recientemente descubrí un sitio increíble: http://detectmobilebrowsers.com/

El cuál nos promovee de un código en diferentes lenguajes de programación para detectar si el usuario viene de un dispositivo móvil, lo increíble es que tienen la base de datos mas grande de dispositivos que conozco.

En mi caso, lo utilize con Javascript, lo que viene en ese archivo es lo siguiente:

 (function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://detectmobilebrowser.com/mobile');

El código anterior, busca en el objeto "navigator" el "UserAgent" y este busca coincidencias (mediante expresiones regulares) con varios tipos dispositivos, como android, meego, blackberry, iphone, ipad, ipod, etc. Si se cumpla la condición, este hace una redirección al sitio: http://detectmobilebrowser.com/mobile

En mi caso, necesitaba detectar el navegador, pero no redirigirlo, solo saber si era o no un navegador móvil.

Es por ello que tuve que modificarla un poco y quedo así:

 /* Detect Mobile Browser : http://detectmobilebrowsers.com/ */  
 function detectmobile(a){  
   var mobile = false;  
   if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))){  
     mobile = true;  
   }  
   return mobile;  
 };

Ahora, puedo usar la variable "mobile" en cualquier otro lado del código actual para poder hacer lo que yo quiera, en mi caso la use asi:

 mobile = detectmobile(navigator.userAgent||navigator.vendor||window.opera);  
 if( mobile == true ){  
      if( jQuery("#carousel-wrapper").length > 0 ){  
           jQuery('#carousel-wrapper').nivoSlider({  
                effect: 'fade',  
          animSpeed: 500,  
          pauseTime: 5000,  
          startSlide: 0,  
          pauseOnHover: false,  
          directionNav: false,  
          controlNav: true,  
          controlNavThumbs: true  
           });  
      }  
 }

Drupal 7 - Obtener los relacionados a un nodo

noreply@blogger.com (Anonymous) — Fri, 10 Aug 2012 06:58:00 +0000

Les comparto una función que hice para recuperar los relacioandos a un nodo por taxonomía de este:

 function get_term_related( $nid, $limit = 10, $orderby = 'DESC' ){  
   $query = db_select( 'field_data_field_taxonomy', 'taxonomy' )  
         ->fields( 'taxonomy', array( 'entity_id', 'field_taxonomy_tid') )  
         ->condition( 'entity_id', $nid, '=' )  
         ->execute()  
         ->fetchAll();  
   //select entity_id, field_taxonomy_tid from field_data_field_taxonomy where entity_id = 2;  
   foreach( $query as $item){  
     $tids[] = $item->field_taxonomy_tid;  
   }  
   if( empty($tids) ){  
     return $tids;  
   }  
   $query = db_select('taxonomy_index', 'ti')  
         ->fields( 'ti', array('nid', 'tid') )  
         ->condition( 'tid', $tids, 'IN' )  
         ->orderBy( 'nid', $orderby )  
         ->range( 0, $limit )  
         ->execute()  
         ->fetchAll();  
   //select * from taxonomy_index where tid IN (5);  
   foreach( $query as $item ){  
     $nids[] =$item->nid;   
   }  
   $query = db_select( 'node', 'n' )  
         ->fields( 'n', array( 'nid', 'title' ) )  
         ->condition ( 'status', 1, '=' )  
         ->condition( 'nid', $nids, 'IN' )  
         ->range( 0, $limit )  
         ->orderBy( 'nid', $orderby )  
         ->execute()  
         ->fetchAll();  
   foreach( $query as $item ){  
     $articles[] = array(  
       'nid' => $item->nid,  
       'title' => $item->title,  
       'image' => get_image( $item->nid ),  
     );  
   }  
   return $articles;  
 }

Intentare explicarla paso a paso:

Primero que nada, la función recibe:

 get_term_related( $nid, $limit = 10, $orderby = 'DESC' ){

$nid = El nid del nodo que estamos viendo
$limit = Número máximo de nodos (muy importante ponerlo siempre en nuestros queries, principalmente por rendimiento).
$order = Ordena los resultados en forma ascendente o descendente.

Obtener Taxonomía

Lo primero que tenemos que hacer para obtener los relacionados, es obtener la taxonomia de ese nodo:

 $query = db_select( 'field_data_field_taxonomy', 'taxonomy' )  
         ->fields( 'taxonomy', array( 'entity_id', 'field_taxonomy_tid') )  
         ->condition( 'entity_id', $nid, '=' )  
         ->execute()  
         ->fetchAll();  
   //select entity_id, field_taxonomy_tid from field_data_field_taxonomy where entity_id = 2;  
   foreach( $query as $item){  
     $tids[] = $item->field_taxonomy_tid;  
   }  
   if( empty($tids) ){  
     return $tids;  
   }

El query anterior, busca en la tabla "field_data_field_taxonomy" el nodo, y obtiene el id de la(s) taxonomías de este nodo. El resultado es un array.

Obtener los ids de las notas por taxonomía

Ya que tenemos los ids de la taxonomía del nodo, podemos obtener las notas de esa taxonomía:

 $query = db_select('taxonomy_index', 'ti')  
         ->fields( 'ti', array('nid', 'tid') )  
         ->condition( 'tid', $tids, 'IN' )  
         ->orderBy( 'nid', $orderby )  
         ->range( 0, $limit )  
         ->execute()  
         ->fetchAll();  
   //select * from taxonomy_index where tid IN (5);  
   foreach( $query as $item ){  
     $nids[] =$item->nid;   
   }

Este query nos devuele, los nids, de los nodos de una(s) taxonomía(s).

Obtener las notas

Ahora solo nos falta obtener los titulos, fecha de creacion entre otras cosas, de los nodos.

 $query = db_select( 'node', 'n' )  
         ->fields( 'n', array( 'nid', 'title' ) )  
         ->condition ( 'status', 1, '=' )  
         ->condition( 'nid', $nids, 'IN' )  
         ->range( 0, $limit )  
         ->orderBy( 'nid', $orderby )  
         ->execute()  
         ->fetchAll();  
   foreach( $query as $item ){  
     $articles[] = array(  
       'nid' => $item->nid,  
       'title' => $item->title,  
       'image' => get_image( $item->nid ),  
     );  
   }  
   return $articles;

Con esto finalizamos, cabe mencionar que el valor que retornamos es una objecto.

Notaran, que tengo una función "get_image()" la cual me trae la imagen principal de ese nodo, en otro articulo lo explicare.

Buscar un texto dentro de una carpeta Linux/Mac (UNIX)

noreply@blogger.com (Anonymous) — Fri, 10 Aug 2012 06:38:00 +0000

Comando para buscar texto de todo los archivos en una carpeta:

 grep -r 'frase-a-buscar' 'directorio'

Compatible con Linux, MAC, y muy probablemente con todos los UNIX.

Carrusel con thumbails en jquery

noreply@blogger.com (Anonymous) — Thu, 09 Aug 2012 14:19:00 +0000

Hace algun tiempo estuve buscando un carrusel con miniaturas en jquery y no lo encontre tan fácilmente, sobre todo que este permitiera efectos, ajustes, css, etc. Al final el carrusel que cumplio mis expectativas fue Nivo Slider, el cual, apesar de ser de paga y estar orientado hacia "Wordpress" El plugin funciona de maravilla en cualquier otro CMS (o sin el). Sin mas esto es lo que tienen que hacer:

1.- Bajar el Nivo Slider: http://nivo.dev7studios.com/
2.- Armar el HTML, en mi caso sera sencillo:

 <div class="slider-wrapper theme-default">  
     <div id="slider" class="nivoSlider">  
         <a href="http://tech-miguelfrias.blogspot.mx"><img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />  </a>
         <a href="http://tech-miguelfrias.blogspot.mx"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>  
         <a href="http://tech-miguelfrias.blogspot.mx"><img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />  </a>
         <a href="http://tech-miguelfrias.blogspot.mx"><img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />  </a>
     </div>
 </div>

Notese el atributo data-thumb en el tag img. Este es -en parte- el que hace la magia.

3.- Agregamos el script de jQuery y de Nivo slider en el header de la pagina:

 <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>  
 <script type="text/javascript" src="../jquery.nivo.slider.js"></script>

4.- Finalmente ejecutamos el carrusel, pero con ciertos parametros:

 jQuery('#carousel-wrapper').nivoSlider({  
   effect: 'fade',  
   animSpeed: 500,  
   pauseTime: 5000,  
   startSlide: 0,  
   pauseOnHover: false,  
   directionNav: false,  
   controlNav: true,  
   controlNavThumbs: true  
 });

Listo! Nuestro carrusel deberia estar funcionando en este momento.

Extra: Explicare algunos parametros del carrusel:

Effect: Indica el efecto que desea agregar a la transición.
AnimSpeed: El tiempo que durara el efecto anterior (milisegundos).
PauseTime: El tiempo que transcurira para continuar a la siguiente imagen (milisegundos).
StartSlide: Te permite indicar en que posicion puedes empezar el carrusel (integer).
pauseOnHover: Detiene la transicion cuando sea el mouse este sobre el carrusel (boolean).
directionNav: Muestra o no los indicadores de avanzar o retroceder (boolean).
controlNav: Muestra los iconos de transición (boolean).
controlNavThumb: Si el anterior es true, este convierte los iconos por imagenes en miniatura (boolean).

Proteger directorios con contraseña - Linux / CentOs / RedHat

noreply@blogger.com (Anonymous) — Tue, 08 May 2012 19:39:00 +0000

1.- Crear el archivo .htaccess un nivel arriba de la carpea que queremos proteger.
2.- Insertar lo siguiente:

AuthUserFile /direccion_absoluta_de_la_carpeta/.htpasswd
AuthName "Dave's Login Area"
AuthType Basic

require valid-user

Explicacion:

AuthUserFile: Direccion al archivo que contendra los accessos a la carpeta
AuthName: Mensaje que aparece al proteger la carpeta
AuthType: Tipo de autenticacion, por el momento con eso nos bastara.
require: Indica si todos los usuarios tendran o no acceso, si le pasas un nombre, este debera existir en el .htpasswd

El archivo .htpasswd, como ya se menciono anteriormente, debe contener un archivo los accessos de la siguiente manera:

user:passwordencriptado

El password, debe ser encriptado con la funcion de PHP crypt().

Recuperar crontab

noreply@blogger.com (Anonymous) — Fri, 04 May 2012 20:01:00 +0000

Como recuperar el crontab

El comando crontab, es un muy util para la administracion de tareas en sistemas basados en UNIX, ya que te permite ejecutar tareas programadas.

El problema es que el comando

crontab -r

Borra el contenido de que tiene ese crontab, y a mi parecer es bastante comun borrar el crontab, ya que el comando para ver el contenido es: crontab -e

Y la letra es esta junto a la r, por tanto, es muy factible cometer un error.

Las mejores practicas nos dicen que deberiamos tener un respaldo de este archivo, pero si no lo tienes, un TIP ~~y tal vez el unico~~ es ver el log del cron (normalmente, se genera por defecto RedHat/CentOS Linux).

#cat /var/log/cron

Ahi puedes ver las tareas que ejecutaba ese cron, ahora solo falta ajustarle los tiempos.

Saludos!

Agregar capacidad de la Base de Datos - Mysql - Error "max_allowed_packet"

noreply@blogger.com (Anonymous) — Wed, 16 Nov 2011 16:57:00 +0000

Para agregar la capacidad de mysql con MAMP (OSX).

1.- Copiar el archivo /Applications/MAMP/Library/share/mysql/my-small.cnf a /Applications/MAMP/db/mysql/my.cnf

cp /Applications/MAMP/Library/share/mysql/my-small.cnf /Applications/MAMP/db/mysql/my.cnf

2.- Modificar el archivo /Applications/MAMP/db/mysql/my.cnf

vim /Applications/MAMP/db/mysql/my.cnf

La opcion:

max_allowed_packet = 1M

cambiar el 1M por el numero de deseado.

M significa Megabytes, dado a mi necesidad lo deje asi:

max_allowed_packet = 1024M

Reiniciamos MAMP y con eso deberia de funcionar.

Quitar @via addthis de Twitter - Addthis

noreply@blogger.com (Anonymous) — Fri, 23 Sep 2011 16:38:00 +0000

Recientemente integramos addthis.com a un sitio que estamos desarrollando en la empresa, principalmente por el analytics, sin embargo, al compartir una nota con twitter, aparecia algo así:

[texto] [url] via @addthis

WFT?!
Y al parecer, en la documentacion no tienen una manera clara de quitarlo, pero si en los foros (en ingles).
Sin mas dejo dos soluciones y sus usos.
En este primer caso, se hace agregándole unos atributos a la etiqueta HTML

<a class="addthis_button_twitter" tw:url="url" tw:via="twittername" tw:related="twittername"></a>

tw:via - Se refiere al usuario donde proviene la nota
ts:related - Es el nombre de usuario de twitter, que se muestra una vez compartida la nota, en caso de que no sigan la cuenta.
Para mi este es el metodo mas indicado, pero tiene un inconveniente... Solo funciona con ese boton (button_twitter)
Pero en caso de que ud desee no mostrar el boton de twitter, sino unicamente el de share general o en caso de que utilice otro botón de twitter, entonces hay que agregar este script:

<script>
var addthis_share = {
templates : {
twitter : "{{title}} {{url}} (via @[Your Twitter Username])"
}
}
</script>

En este caso usamos lo que addthis llama templates, que por cierto es un metodo que ya esta deprecado y sin embargo el mismo addthis sugiere su uso (ya que es lo unica manera).
Ambos casos me funcionaron a mi, por lo cual espero que les funcione a uds.
Saludos desde México.

Firefox 5 no carga fuentes

noreply@blogger.com (Anonymous) — Thu, 11 Aug 2011 02:02:00 +0000

Resulta que ahora firefox 5 no cuenta con un buen soporte para tipografias TTF y EOT, que ahora soporta WOFF (Web Open Font Format), y aparte una nueva/mejora en la manera en que se declara el font-face.

Asi que encontre esta herramienta que nos permite subir una Tipografia ya sea en TTF o EOT, y las convierte a TTF, EOT, y WOFF ademas de generar el codigo correcto para ingresarlo en el CSS.

Font-FaceGenerator:
http://www.fontsquirrel.com/fontface/generator

Mas informacion sobre WOFF: http://es.wikipedia.org/wiki/Web_Open_Font_Format

Encriptar Archivos | TrueCrypt

noreply@blogger.com (Anonymous) — Thu, 14 Jul 2011 17:34:00 +0000

"TrueCrypt es una aplicación para cifrar y ocultar en el ordenador datos que el usuario considere reservados empleando para ello diferentes algoritmos de cifrado como AES, Serpent y Twofish o una combinación de los mismos. Permite crear un volumen virtual cifrado en un archivo de forma rápida y transparente.
TrueCrypt se distribuye gratuitamente y su código fuente está disponible, aunque bajo una licencia restrictiva.
"
Wikipedia

TrueCrypt es compatible con Windows XP/2000/2003/Vista/7, Mac OS X, Linux.

Es una herramienta que he estado probando y me parece una de la mejores herramientas para encriptar archivos, soporta varios tipos de encriptamiento incluido AES, AES-256, y otros no tan conocidos.

Basicamente lo que hace es Crear un archivo, este archivo lo encripta, para verlo, debes de ingresar el password correspondiente y lo monta este archivo como si fuera un disco externo, la ventaja de esto, es que puedes llevar este archivo contigo, y verlo en donde sea, solo con llevar el TrueCrpyt, por lo tanto una herramienta muy recomendable.

Pagina Web del Sitio | Descargas

jquery.combobox | Combobox Personalizado con CSS y jQuery

noreply@blogger.com (Anonymous) — Thu, 14 Jul 2011 17:03:00 +0000

jquery.combobox es un plugin en jquery, que nos permite crear componentes combobox de HTML, personalizados.

Algunas caracteristicas son:

Facil de Implementar
Soporta CSS
Soporta navegacion mediante el teclado
Soporte Cross-Browser
Diferentes Animacions para el DropDown
El Select HTML Original sigue disponible (solo lo oculta).

Mas informacion en el sitio:
http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx

Solucion de Problemas

Este plugin requiere 1 plugins adicionales:

jquery.dimensions

Pero esta version parece ser muy vieja, por lo que no es compatible con la ultima version hoy dia 1.6.2, marca el siguiente error:

JQuery selector problem - 'Syntax error, unrecognized expression' fix

Yo logre solucionar el problema solo eliminando los @ del archivo jquery.dimensions.

Al parecer, el problema radica que jQuery, desde la version 1.3 no soporta @ en la sintaxis. Mas informacion.
http://jamesallen.name/index.cfm/2009/3/12/JQuery-selector-problem--Syntax-error-unrecognized-expression-fix

Este es un ejemplo de como me quedo a mi:

Fechas Personalizadas con PHP

noreply@blogger.com (Anonymous) — Fri, 08 Jul 2011 07:21:00 +0000

El dia de ayer me vi en la necesidad de implementar una fecha personalizada con PHP.

Sabemos que en PHP existe la función date(), que por defecto te genera algo así:

$today = date("F j, Y, g:i a"); // March 10, 2001, 5:16 pm

Pero a mi me pedian una fecha así:

8 de Julio de 2011 a las 02:18am.

Y resulta que es muy sencillo:

$today = date("j \d\e F \d\e Y, \a \l\a\s h:m"); //8 de Julio de 2011, a las 02:18

Más información:

Manual de PHP

Codificación de archivos / Cambiar codificación de archivos

noreply@blogger.com (Anonymous) — Wed, 15 Jun 2011 16:53:00 +0000

Les dejo el comando (por supuesto en Linux), para ver la codificación de caracteres de los archivos:

file

USO:

file nombre_del_archivo.*

SALIDA

wb.log: ASCII text

MAS INFORMACION

man file

NOTA

Algo que me pude dar cuenta es que si tecleas solo file nombre_del_archivo.* te muestra la codificación completa del archivo, por ejemplo, devolveria 'UTF8 with BOM', contrario a que si hubiéramos ejecutado solo file -mime-encoding nombre_del_archivo.* esto solo devolvería UTF8.

CAMBIAR LA CODIFICACION DE UN ARCHIVO

Si por alguna razon deseamos cambiar la codificacion del archivo, lo podemos hacer con otro simple comando

iconv

USO

iconv --from-code=iso-8859-1 --to-code=utf-8 nombre_del_archivo.* > nombre_del_archivo.*.utf8

mv nombre_del_archivo.*.utf8 nombre_del_archivo.*

Hasta la próxima.

Aplicaciones recomendadas para Fedora 15

noreply@blogger.com (Anonymous) — Tue, 31 May 2011 01:33:00 +0000

Algunas de las aplicaciones que yo recomiendo para Fedora 15 son:

unrar

Filezilla

chm Reader

y muchos mas, los cuales encontre en este articulo muy completo:

taringa.net

Al final esta es la lista de aplicaciones que quedaron instaladas en mi equipo :)

Instalar Servidor Web en Fedora 15

noreply@blogger.com (Anonymous) — Mon, 30 May 2011 18:33:00 +0000

Para instalar un servidor web (PHP, Mysql y Apache) en Fedora 15,solo hay que escribir en terminal:

yum install php5, php5-mysql mysql-server httpd

*Recordar que debe estar logueado como root.

Por otro lado, en algun lugar de internet encontre que otra manera, que seria:

yum install "Servidor Web"

Pero no probe esta opcion :P

Instalar Opera en Linux (Fedora 15)

noreply@blogger.com (Anonymous) — Mon, 30 May 2011 18:14:00 +0000

Otra de las aplicaciones que instale tras cambiarme a Fedora 15, fue Opera, el cual se instala de manera un poquito diferente y si uno no sabe puede causar confusion, en fin, estos son los pasos que deben de seguir.

1.- Descargar el archivo:
http://www.opera.com/download/get.pl?id=33700&location=321&nothanks=yes&sub=marine

2.- Descomprimalo, ya sea desde Nautilus: click derecho extraer. o desde terminal: tar -zvcf [archivo[

3.- Nos logueamos como root
su -
4.- Entramos desde terminal a la ruta del archivo que muy probablemente sea:

/home/[user]/Downloads/[opera...]

5.- Ejecutamos el programa install

./install

Y asi ejecutamos el instalador de Opera, seguimos los pasos y listo :)

Con la tecla [TAB] puedes desplazarte por las opciones (Ok, Cancel, etc.)

Instalar el JDK en Linux (Fedora 15)

noreply@blogger.com (Anonymous) — Mon, 30 May 2011 17:58:00 +0000

Al cambiarme a Fedora 15 una de las primeras aplicaciones que debia instalar era Netbeans, al quererlo instalar me pedia el java JDK, pero al parecer no es ta facil como uno piensa, ni tan dificil, se imagina :p

Yo segui el siguiente tutorial:
---------
Antes de continuar todo lo siguiente tenemos que hacerlos como administradores del equipo (con la cuenta root), para cambiar de cuenta es con el comando:

 su -

Una vez que tengamos el jdk en nuestro equipo es buena idea ponerlo en alguna carpeta del sistema donde todos tengan acceso (por ejemplo /opt).

mv jdk-1_5_0_06-linux-i586.bin /opt

ahora damos permisos de ejecución con chmod  y  ejecutamos con ./ el archivo:

chmod +x jdk-1_5_0_06-linux-i586.bin

./ jdk-1_5_0_06-linux-i586.bin

Nos desplegara una licencia de uso la cual tenemos que aceptar y finalmente se creara una carpeta en el mismo lugar donde descomprimimos, llamada jdk1.5.0_06 (en el caso de esta versión)
En algunas distribuciones nuevas traen GCJ (que es un compilador de java libre) entonces necesitamos mover este para que no interfiera con el de Sun que estamos instalando, solo es cuestion de mover algunos enlaces así:

mv /usr/bin/javac /usr/bin/cgjjavac
mv /usr/bin/java /usr/bin/cgjjava
mv /usr/bin/javadocs /usr/bin/cgjjavadocs

Ahora solo nos falta poner algunos enlaces para que podamos ejecutar los comandos que necesitemos (por ejemplo javac y java), esto lo logramos con el comando "ln -s " para crear enlaces simbólicos de esta carpeta a una carpeta donde el sistema tome todos los ejecutables de nuestras aplicaciones (por ejemplo /usr/bin)

ln -s /opt/jdk1.5.0_06/bin/javac /usr/bin/javac
ln -s /opt/jdk1.5.0_06/bin/java /usr/bin/java
ln -s /opt/jdk1.5.0_06/bin/javadocs /usr/bin/java

Con esto ya tendremos disponible el jdk para todos los usuarios del equipo en el que nos encontramos.
-------------
Referencia: LidSol

Error: Cannot retrieve repository metadata (repomd.xml) for repository: Dropbox. Please verify its path and try again.

noreply@blogger.com (Anonymous) — Mon, 30 May 2011 17:45:00 +0000

Tras instalar dropbox en Fedora 15 me aparecio este error.

$ update

Loaded plugins: langpacks, presto, refresh-packagekit http://linux.dropbox.com/fedora/15/repodata/repomd.xml: [Errno 14] HTTP Error 404 – Not Found : http://linux.dropbox.com/fedora/15/repodata/repomd.xml

Trying other mirror. http://linux.dropbox.com/fedora/15/repodata/repomd.xml: [Errno 14] HTTP Error 404 – Not Found : http://linux.dropbox.com/fedora/15/repodata/repomd.xml

Trying other mirror.

Error: Cannot retrieve repository metadata (repomd.xml) for repository: Dropbox.

Please verify its path and try again

Al parecer, los rpm de Fedora 13 y anteriores no son completamente compatibles con Fedora 15, y dropbox aun no ha actualizado sus repositorios.

SOLUCION

Lo bueno, es que la solucion de este problema es muy facil, seguir los siguientes pasos:

1.- Abrir el repositorio de dropbox ubicado en /etc/yum.repos.d/dropbox.repo. (puede usar gedit, vim o cualquier otro editor, mi sugerencia es abrirlo asi: vim /etc/yum.respos.d/dropbox.repo). Con lo que veremos lo siguiente:

[Dropbox] name=Dropbox

Repository baseurl=http://linux.dropbox.com/fedora/$releasever/

gpgkey=http://linux.dropbox.com/fedora/rpm-public-key.asc

Notese el $releasever

2.- Cambiar el $releasever por 13, por lo que quedarias asi:

[Dropbox] name=Dropbox

Repository baseurl=http://linux.dropbox.com/fedora/13/

gpgkey=http://linux.dropbox.com/fedora/rpm-public-key.asc

3.- Guardar y salir del archivo. Si usaron vim, el comando es: :wq! y si es gedit, solo dar click en el boton guardar y cerrar.) Pues eso es todo. En mi corta experiencia con Fedora 15 este error es muy comun al instalar los repos, por lo que si se lo vuelven a topar al instalar otro programa diferente a dropbox, la solucion es la misma, con la diferencia que el archivo de repos es diferente.

Saludos.

Referencia: Alex Sleat

Metodo de Encriptacion en Wordpress

noreply@blogger.com (Anonymous) — Sat, 02 Apr 2011 16:26:00 +0000

Que el wordpress usa encriptacion Portable PHP password hashing framework (PHPASS).

La siguiente pagina nos permite encriptar una frase y despues podremos modificar desde el phpmyadmin o desde consola la clave de wordpres:

http://scriptserver.mainframe8.com/wordpress_password_hasher.php

Muy bien :)

Buscar texto dentro de archivos

noreply@blogger.com (Anonymous) — Fri, 11 Mar 2011 19:42:00 +0000

Comando en terminal para buscar texto dentro dentro de archivos.

find | xargs grep "texto a buscar"

Solo es necesario estar en la carpeta.

Que buen comando =)