FilaDeAtras http://filadeatras.com con la fila en el corazón Sat, 12 May 2012 20:43:14 +0000 en-US hourly 1 https://wordpress.org/?v=4.4.2 Videotaller: Formulario con validación jQuery y pre-validación sobre la marcha http://filadeatras.com/2011/07/12/videotaller-formulario-con-validacion-jquery-y-pre-validacion-sobre-la-marcha/ http://filadeatras.com/2011/07/12/videotaller-formulario-con-validacion-jquery-y-pre-validacion-sobre-la-marcha/#respond Tue, 12 Jul 2011 01:36:38 +0000 http://filadeatras.com/?p=401 Taller sobre como crear un formulario con validación jQuery, paso a paso, y con campos con pre-validación sobre la marcha de forma asíncrona.

Archivos adjuntos para el taller: http://www.megaupload.com/?d=55IZEUQJ

Parte 1: http://www.youtube.com/watch?v=iWrr3NICnsA
Parte 2: http://www.youtube.com/watch?v=tTxCDZEeBCs
Parte 3: http://www.youtube.com/watch?v=xvWx4dMW280

]]>
http://filadeatras.com/2011/07/12/videotaller-formulario-con-validacion-jquery-y-pre-validacion-sobre-la-marcha/feed/ 0
CSS: capa centrada horizontal y verticalmente con overflow http://filadeatras.com/2011/06/22/css-capa-centrada-horizontal-y-verticalmente-con-overflow/ http://filadeatras.com/2011/06/22/css-capa-centrada-horizontal-y-verticalmente-con-overflow/#respond Wed, 22 Jun 2011 18:11:22 +0000 http://filadeatras.com/?p=397 Hola de nuevo, ésta es la tercera entrada referente a CSS. A este ritmo tendré que acabar haciendo una recopilación XD.
En algunas ocasiones nos puede interesar maquetar una página web que no se salga de los márgenes (como si fuera hecha íntegramente en flash), y por tanto usaremos barras de scroll dentro de las propias divs en vez de usar la del navegador. […]

Visita el artículo original en mi página:
http://www.hcosta.info/blog/css_capa_centrada_horizontal_y_verticalmente_con_overflow.html

]]>
http://filadeatras.com/2011/06/22/css-capa-centrada-horizontal-y-verticalmente-con-overflow/feed/ 0
CSS: fondo con 100% de altura y wrapper de contenido transparente http://filadeatras.com/2011/06/21/css-fondo-con-100-de-altura-y-wrapper-de-contenido-transparente/ http://filadeatras.com/2011/06/21/css-fondo-con-100-de-altura-y-wrapper-de-contenido-transparente/#respond Tue, 21 Jun 2011 14:08:54 +0000 http://filadeatras.com/?p=393 Continuando con CSS, hoy os cuento una de las formas que utilizo para crear fondos con wrappers transparentes. Los wrapper son capas que indican el límite del contenido, y vienen muy bien para añadir un efecto de transparencia en nuestras páginas y blogs. En la próxima entrada os enseñaré como centrar verticalmente capas. […]

Visita el artículo original en mi página:
http://www.hcosta.info/blog/css_fondo_con_100_de_altura_y_wrapper_de_contenido_transparente.html

]]>
http://filadeatras.com/2011/06/21/css-fondo-con-100-de-altura-y-wrapper-de-contenido-transparente/feed/ 0
Problemas con CSS: Opacidad heredada en capas hijas http://filadeatras.com/2011/06/20/problemas-con-css-opacidad-heredada-en-capas-hijas/ http://filadeatras.com/2011/06/20/problemas-con-css-opacidad-heredada-en-capas-hijas/#respond Mon, 20 Jun 2011 23:14:02 +0000 http://filadeatras.com/?p=386 Si eres maquetador web o estás metido en el mundo de las hojas de estilo CSS últimamente debes estar harto de usar la propiedad opacity, filter: alpha(opacity=?) en Internet Explorer. Y seguramente te has encontrado más de una vez con el problema de la opacidad y la herencia, y es que las capas hijas se pasan por el forro si les defines una nueva transparencia […]

Visita el artículo original en mi nueva página:
http://www.hcosta.info/blog/problemas_con_css_opacidad_heredada_en_capas_hijas.html

]]>
http://filadeatras.com/2011/06/20/problemas-con-css-opacidad-heredada-en-capas-hijas/feed/ 0
Wget para Windows? Fuck yeah! http://filadeatras.com/2011/06/20/wget-para-windows-fuck-yeah/ http://filadeatras.com/2011/06/20/wget-para-windows-fuck-yeah/#respond Mon, 20 Jun 2011 00:19:35 +0000 http://filadeatras.com/?p=383 ¿Quién no ha tenido la necesidad de ello?

Pues los de GNU tienen unos binarios mu bien compilaos:

http://gnuwin32.sourceforge.net/packages/wget.htm

Descargar, instalar, meter en el PATH de windows y ale, a navegar cual Richard Stallman XD

]]>
http://filadeatras.com/2011/06/20/wget-para-windows-fuck-yeah/feed/ 0
Howto: Codeigniter 2.0 + Ckeditor 3.6 + Kcfinder 2.21 http://filadeatras.com/2011/06/08/howto-codeigniter-2-0-ckeditor-3-6-kcfinder-2-21/ http://filadeatras.com/2011/06/08/howto-codeigniter-2-0-ckeditor-3-6-kcfinder-2-21/#comments Wed, 08 Jun 2011 23:12:31 +0000 http://filadeatras.com/?p=344 CLICA AQUI PARA IR AL MANUAL ACTUALIZADO PARA CodeIgniter 2.1 + Ckeditor 3.6.1 + kcfinder 2.51

Os presento la forma más cómoda de tener un editor WYSIWYG con capacidad para subir ficheros e imágenes al server, integrado en el Framework PHP CodeIgniter! La alternativa a la librería multimedia CKFinder (que es de pago), es KCFinder, y como no he encontrado en ningún sitio una guía explícita sobre como hacerlo os lo explico en este HowTo.

CodeIgniter
CKEditor
KCFinder

Asumiendo que tenemos CodeIgniter y los ficheros descargados…

  1. Descomprimir CKEditor en el directorio raiz del proyecto: xampp\htdocs\codeigniter\ckeditor
  2. Descomprimir KCFinder dentro del directorio de CKEditor: xampp\htdocs\codeigniter\ckeditor\kcfinder
  3. Copiar fichero ckeditor\ckeditor_php5.phpcodeigniter\application\libraries\ckeditor.php
  4. Editamos el fichero que acabamos de copiar:

    ckeditor.php

    /* al inicio del archivo */
    if (!defined('BASEPATH')) exit('No direct script access allowed');
    function __construct($array) {
    $this->InstanceName    = $array['instanceName'] ;
    $this->basePath        = $array['basePath'] ;
    $this->returnOutput        = $array['outPut'] ;
    echo $this->basePath ;
    }
  5. Luego modificamos la función private function ckeditorPath() del mismo archivo de la siguiente forma:

    ckeditor.php

    /**
    * Return path to ckeditor.js.
    */

    private function ckeditorPath()
    {
    if (!empty($this->basePath)) {
    return $this->basePath["basePath"];
    }
  6. En nuestro login y logout tendremos que configurar KCFinder:

    Login controller

    /**
    * Login
    */

    $_SESSION['KCFINDER'] = array();
    $_SESSION['KCFINDER']['disabled'] = false;

    /**
    * Logout
    */

    $_SESSION['KCFINDER']['disabled'] = true;
  7. Ahora podemos crearnos un controlador para probar un formulario (esto es una variante de un controlador que encontré para ckfinder, gracias a quien fuera XD), por ejemplo application\controllers\Form.php:

    form controller

    <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

    class Form extends CI_Controller {      
       
    function index()     {    
         
    $this->load->library('ckeditor',array('instanceName' => 'CKEDITOR1','basePath' => base_url()."ckeditor/", 'outPut' => true));

    // declaracion de arreglo
    $config = array();

    // indicamos la ruta para ckFinder
    $config['filebrowserBrowseUrl'] = base_url()."ckeditor/kcfinder/browse.php";

    // indicamos la ruta para el boton de la toolbar para subir imagenes
    $config['filebrowserImageBrowseUrl'] = base_url()."ckeditor/kcfinder/browse.php?type=images";

    // indicamos la ruta para subir archivos desde la pestaña de la toolbar (Quick Upload)
    $config['filebrowserUploadUrl'] = base_url()."ckeditor/kcfinder/upload.php?type=files";

    // indicamos la ruta para subir imagenesdesde la pestaña de la toolbar (Quick Upload)
    $config['filebrowserImageUploadUrl'] = base_url()."ckeditor/kcfinder/upload.php?type=images";

    $config['toolbar'] = array(
    array( 'Source', '-', 'Bold', 'Italic', 'Underline', 'Strike' ),
    array( 'Image', 'Link', 'Unlink', 'Anchor' )
    );

    // cargamos al arreglo que será enviado a la vista con el textarea ya convertido a editor de texto :D
    $data['fck1'] = $this->ckeditor->editor("mi-textarea", "Valor inicial.",$config);

    // vista
    $this->load->view('form_view',$data);
         }
    }
    ?>
  8. Creamos una vista vacía para hacer solo la prueba… views/form_view.php
  9. Y el resultado: 
  10. Por último recordar que podemos usar KCFinder como biblioteca accediendo desde la propia raiz codeigniter/ckeditor/kcfinder/browse.php

Cualquier duda comentad :–D

]]>
http://filadeatras.com/2011/06/08/howto-codeigniter-2-0-ckeditor-3-6-kcfinder-2-21/feed/ 23
Reflexionando sobre seguridad en Internet http://filadeatras.com/2011/05/31/reflexionando-sobre-seguridad-en-internet/ http://filadeatras.com/2011/05/31/reflexionando-sobre-seguridad-en-internet/#respond Tue, 31 May 2011 12:14:30 +0000 http://filadeatras.com/?p=335 Hola compañeros, indagando por Internet, hace unos días un desarrollador profesional se preguntaba hasta que punto es fiable la seguridad en Internet. Explicaba por ejemplo que hoy en día, en la India y otros países, tienen a gente trabajando descifrando captchas manualmente, y que esas empresas se dedican a extorsionar a grandes portales en días críticos de tráfico.

Decía que en una época donde el spam está hasta en la sopa y que las redes zombie se multiplican como conejos, lo último que le puede interesar a un hacker es saber tu número de visa, ya que en esta época en la que vivimos, la industria del malware se ha profesionalizado.

El que se dedica a crear botnets para venderlas, y  las empresas que las compran y hacen ataques DoS con ellas, difícilmente son los mismos.

En el peor de los casos venderán las credenciales y datos de los usuarios sobre los que tienen acceso, y en algún país africano, donde las leyes son prácticamente inexistentes, alguien retirará el dinero o hará las transferencias desde sus cuentas bancarias a algún paraíso fiscal…

Hoy en día, Windows ha dejado de ser el objetivo para dar paso a otras aplicaciones como Reader, Flash, WinZip o la mismísima JVM…

Cuando por el simple hecho de abrir un JPG podemos estar ejecutando un malware, cuando en un PDF nos pueden anidar código malicioso, o por el simple hecho de visualizar una animación flash o un applet de java pueden hacernos cualquier cosa… da un poco de miedo.

Dicen los expertos que lo mejor es el sentido común, no abrir correos raros, no entrar a enlaces que sean sospechosos, que ante la duda lo ejecutemos en una máquina virtual o sandbox … y luego instalar un firewall, pero siendo realistas, ¿cuanta gente va a hacer eso?

]]>
http://filadeatras.com/2011/05/31/reflexionando-sobre-seguridad-en-internet/feed/ 0
Restaurar home del usuario con rsync http://filadeatras.com/2011/05/22/restaurar-home-del-usuario-con-rsync/ http://filadeatras.com/2011/05/22/restaurar-home-del-usuario-con-rsync/#respond Sun, 22 May 2011 11:32:11 +0000 http://filadeatras.com/?p=328 En este post explicaré como restaurar de manera sencilla el home de un usuario con rsync. Lo usamos en el instituto para restaurar el home del alumno al estado por defecto y evitar que degraden en exceso su directorio personal.

Lo primero que tendremos que hacer es configurar el home del alumno hasta tenerlo como lo queramos. Una vez lo tenemos todo preparado ejecutamos:

rsync -a --delete /home/alumno /root/backup_home_alumno

Con esto tendremos guardada una copia del home del alumno en la carpeta del root.

A continuación creamos un script con el siguiente contenido:

#!/bin/bash
rsync -a --delete /root/backup_home_alumno /home/alumno
chown -R alumno:alumno /home/alumno

Este script deberemos colocarlo en la carpeta /etc/init.d/ para que se ejecute al iniciar el sistema y de esta manera restaurar el home del alumno.

Hay que tener en cuenta que siempre que hagamos una modificación en el home del alumno deberemos volver a ejecutar el rsync para actualizar la copia del home que guardamos en la carpeta del root.

]]>
http://filadeatras.com/2011/05/22/restaurar-home-del-usuario-con-rsync/feed/ 0
Tareas FTP en un script Bash http://filadeatras.com/2011/05/20/tareas-ftp-en-un-script-bash/ http://filadeatras.com/2011/05/20/tareas-ftp-en-un-script-bash/#respond Fri, 20 May 2011 10:23:48 +0000 http://filadeatras.com/?p=247 Pongamos por caso que necesitas hacer el backup de un archivo por FTP cada día (un backup para los amigos) y te gustaría automatizarlo. Pues creas un script como el siguiente:

#!/bin/bash
ftp -inv servidor.ftp<<EOF
user usuario password
binary
cd backups
lcd /backups/
put backup_de_hoy.tar.gz
bye
EOF

NOTA: Rsync lo hace mucho mejor en estos casos, pero no se me ocurría otro caso de uso …

]]>
http://filadeatras.com/2011/05/20/tareas-ftp-en-un-script-bash/feed/ 0
Utilidades del comando dd http://filadeatras.com/2011/05/19/utilidades-del-comando-dd/ http://filadeatras.com/2011/05/19/utilidades-del-comando-dd/#respond Thu, 19 May 2011 19:42:57 +0000 http://filadeatras.com/?p=320 Bueno hace ya mucho que no escribo y como os veo muy puestos algo habrá que hacer. Me he decidido a hacer un pequeño post con algunas utilidades del comando dd ya que cada vez lo uso mas a menudo y se pueden hacer bastantes cosillas con el.

Sintaxis del comando
dd if=origen of=destino

Crear usb bootable

dd if=imagen.iso of=/dev/sdX

sdX será nuestro dispositivo usb. Lo uso mucho para instalar mis sistemas operativos GNU/Linux y no desperdiciar CD’s.

Crear imagen ISO de un CD o DVD
dd if=/dev/dvd of=dvd.iso
dd if=/dev/cdrom of=cd.iso

Luego podemos usar esta imagen iso y montarla en nuestro sistema con el siguiente comando:
mount -t iso9660 -o loop imagen.iso /media/iso

Clonar disco duro o partición
dd if=/dev/sda of=/dev/sdb # Clonar disco duro

Para hacerlo con una partición es lo mismo sólo que tendremos que indicar el numero de la partición:
dd if=/dev/sda2 of=/dev/sdb2 # Clonar partición

Formatear a bajo nivel
dd if=/dev/zero of=/dev/sdX

/dev/zero és un tipo de archivo que viene en sistemas Unix y que nos va a permitir rellenar el disco duro con caracteres null sobrescribiendo con ellos todo el contenido de nuestro disco duro o partición.

Backup de un disco duro o partición y restaurarla
dd if=/dev/sdX of=backup.img

Para restaurarla ejecutamos el comando intercambiando el origen y el destino:
dd if=backup.img of=/dev/sdX

]]>
http://filadeatras.com/2011/05/19/utilidades-del-comando-dd/feed/ 0