martes, 30 de septiembre de 2014

Agregar URL a log de errores de Laravel al obtener un NotFoundHttpException

Al revisar el log de errores de Laravel, es posible encontrar registros para NotFoundHttpException, lo cual indica que se está accediendo a una ruta inexistente, pero la información registrada no indica cual es esta ruta.

Utilizando las clases Request y Log, es posible agregar al log de errores la URL de la ruta inexistente para poder hacer las correcciones necesarias. Para esto, es necesario modificar el archivo app/start/global.php, especificamente en el Application Error Handler, dejandolo de la siguiente manera:


Links:

sábado, 20 de septiembre de 2014

Crecimiento horizontal de un div con scroll HTML y CSS

Hace unos días estaba realizando un seleccionador de imágenes simple, usando un contenedor. Buscando y buscando, dí con las propiedades CSS para realizar tal cometido.

El resultado fue algo similar a lo siguiente:

Crecimiento horizontal del div con scroll funcionando.
Para lograrlo, primero es necesario crear un contenedor padre, y el contenido respectivo.
Por el momento, se verá de la siguiente manera:

Contedor padre con muchos contenedores hijos mostrando la misma imagen, sin configuración CSS.

Para que esto tome forma, lo primero es configurar el CSS del contenedor padre con overflow-x en scroll para que el div cuente con una barra horizontal para poder mostrar el contenido y la propiedad white-space configurado en nowrap para que no existan saltos de lineas automáticos en caso de desbordar el tamaño del contenedor.

Finalmente, es necesario configurar los contenedores dentro del contenedor padre para que se muestren uno al lado del otro. Para esto, es necesario configurar la propiedad display con el valor inline. La opción inline-block también funciona, por lo que se puede usar si es necesario trabajar con el contenido hijo en forma de bloques.

Puedes ver la demostración, haciendo click aquí.

Links:

sábado, 25 de agosto de 2012

Hacking Ético por Carlos Tori

Un buen libro sobre conceptos básicos de seguridad informática en organizaciones. Va más allá de "sólo computadores".

Link:

miércoles, 22 de agosto de 2012

Cowon D3: Google Play + Root con Windows 7

Hace un par de meses, me compré el reproductor Cowon D3, es un buen reproductor multimedia pero no traia Google Play, asi que manos a la obra me puse a investigar y encontre un firmware modificado que traia Android Market + Root, el problema es que era muy desfazado y además no funcionaba el Market.

Por suerte, buscando encontré en un foro que se podia instalar Google Play, para ello, recomiendo hacer un downgrade del firmware SÓLO si también instalaron el firmware modificado, ya que con el no pude instalar Google Play. Para instalarlo, sólo tienes que hacer click aquí, descargar e instalar el archivo en el primer post. En el encontraras Vending-Google_Play_3.4.6_signed.apk, MarketUpdater-1.0-signed.apk y GoogleServicesFramework-2.3.3-signed.apk.
Primero tienes que instalar MarketUpdater y GoogleServicesFramework, en caso de que GoogleServicesFramework no se pueda instalar, prueba con ésta opción. Después de tener estos dos APK instalados, podrás instalar sin problemas Vending-Google_Play_3.4.6 y empezar a descargar aplicaciones :).

Ahora, si también quieres aplicar root a tu Cowon D3, primero tienes que editar el archivo ubicado en C:\Users\[TU NOMBRE DE USUARIO]\.android\ado_usb.ini y cambiar el valor que viene por "0x0e21" (sin comillas), que es el valor de fabricante de Cowon.
Luego descargar e instalar el SDK de Android y con el SDK Manager obtener los drivers USB de google.
Después de esto, busca el el archivo android_winusb.inf en la carpeta del SDK/Extras/Google/usb_drivers y tienes que agregar los siguientes valores bajo las secciones Google.[NTx86] y Google.[NTamd64]:

;Cowon D3
%SingleAdbInterface% = USB_Install, USB\VID_0E21&PID_1060
%CompositeAdbInterface% = USB_Install, USB\VID_0E21&PID_1060&MI_01
;

y con esto, el Cowon D3 será compatible con los drivers USB, así que solo falta conectarlo en modo depuración USB (Ajustes > Aplicaciones > Desarrollo > Depuración USB) y en el administrador de dispositivos de windows instalar el driver USB de Google al Cowon D3. Ahora, descargas la última versión de SuperOneClick, descomprimir y en con sólo hacer click en Root en el SuperOneClick, tendrás rooteado tu Cowon D3 :)

Links:

lunes, 26 de diciembre de 2011

Crear menú horizontal desplegable simple HTML5 y CSS

Hola. Estaba tratando de hacer un menú con CSS de manera simple, tras mucho buscar e intentar pude hacer algo funcional y que cumplia lo que necesitaba: pasar el mouse sobre una opción para que aparescan otras subopciones bajo esta.

El resultado fue el siguiente:

El menú horizontal funcionando.

Asi que manos a la obra. Lo primero es hacer una lista desordenada con html, las cuales tendran las opciones de los menus y submenus.

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8" />
  <meta name="author" content="Fiko" />
  <title>Probando menu horizontal CSS</title>
  <link href="menu.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
  <nav>
   <ul id="menu">
    <li><a href="">Opción 1</a>
        <ul>
         <li><a href="">Opción A</a></li>
         <li><a href="">Opción B</a></li>
         <li class="ultimo"><a href="">Opción C</a></li>
        </ul>
    </li>
    <li><a href="">Opción 2</a>
        <ul>
         <li class="ultimo"><a href="">Opción D</a></li>
        </ul>
    </li>
    <li><a href="">Opción 3</a></li>
    <li><a href="">Opción 4</a></li>
   </ul>
  </nav>
 </body>
</html>

Con este código, nos queda algo asi:

El menú sin estilos CSS.

Lo que nos queda es una lista con viñetas, y dentro de un item de la lista hay otra sublista. Lo que falta es configurarlo para que sólo las opciones de la lista principal sean visibles y se vean alineados horizontalmente. También que al pasar el cursor sobre una opción principal, aparescan las secundarias. Esto se hace con código CSS:


/* El color de fondo es solo para hacer más visible el menu */
body{
 background-color:black;
}


/* La etiqueta nav está disponible desde html5 y permite identificar
   las partes de un menu principal. Les doy una medida de ancho y margin:0 auto;
   para que aparesca centrada la lista con el menu 
*/
nav{
 width:1000px;
 height:60px;
 background-color:blue;
 margin:0 auto;
}

/* Es el ul principal, configurado para que no muestre viñetas y con las configuraciones para
   alinear al centro */
#menu{
 list-style:none;
 list-style-position:inside;
 width:800px;
 margin:0 auto;
 display:block;
 text-align:center;
}

/* Es cada opción principal del menu, los ordena horizontalmente con la propiedad float.
   Al tener un ancho fijo, se alinea su contenido al centro y con position:relative; permite
   que al pasar el cursor, aparescan las opciones bajo cada opción principal
*/
#menu li{
 float:left;
 padding:20px;
 width:150px;
 position:relative;
}

/* Es el submenu. Con display none permanece escondido y con position absolute le dice que aparesca
   bajo la opción padre. Con top y right se dice a que altura de la opción debe aparecer.
   Finalmente, con z-index:1; le dice que sobreponga a cualquier otro elemento el submenu.
*/
#menu li ul{
 list-style:none;
 list-style-position:inside;
 display:none;
 position:absolute;
 top:60px;
 left:-41px;
 z-index:1;
}

/* Es la ultima opción del submenu. con border-radius se da los bordes redondeados al final */
#menu .ultimo{
 border-radius:0 0 10px 10px;
 border:1px white solid;
 border-top:none;
}

/* Son las opciones del submenu. */
#menu li ul li{
 background-color:lime;
 padding:10px;
 width:170px;
 border-bottom:1px white dashed;
 border-left:1px white solid;
 border-right:1px white solid;
}

/* Configuración al pasar el mouse ensima de una opción principal */
#menu li:hover{
 background-color:lime;
 border-left:1px white solid;
 border-right:1px white solid;
}

/* Hace visible el ul del submenu al pasar el mouse ensima de una opción principal */
#menu li:hover > ul{
 display:block;
}

/* Configuración de como se veran los enlaces */
#menu a, #menu a:visited{
 color:white;
 text-decoration:none;
 font-family:sans-serif;
 font-weight:bold;
 outline:none;
}

#menu a:hover{
 text-decoration:underline;
}

Ahora se tiene un menu simple y configurado solo con CSS y HTML5, de manera que es ligero y de facil configuración para adaptar a cualquier proyecto.

Links:

martes, 6 de septiembre de 2011

Quitar propiedad "oculto" y "solo lectura" a carpetas afectadas por virus en Windows con el comando Attrib

Hace un par de meses, se me infectaron dos memorias USB con un virus. Pude borrar el virus, el problema fue que todas las carpetas en las memorias quedaron como solo lectura y ocultas. Viendolo así, no es gran problema, click derecho y cambiar las propiedades.


El problema es que no deja cambiar las propiedades y hay que hacerlo por consola con los siguientes pasos:

1. Identificar la unidad del dispostivo: Busca en mi pc (o en mi equipo si usas Windows 7) la letra de la unidad de tu dispositivo, en este caso, la unidad H:.


2. Acceder a la consola de windows: Lo puedes hacer haciendo click en inicio y escribir CMD.


3. Acceder a la unidad con problemas desde la consola de windows: Esto es fácil, sólo hay que escribir la letra de la unidad y :, en este caso, H:.


4. Utilizar el comando Attrib para cambiar las propiedades "a la fuerza": Ahora en la consola debes ingresar este codigo "attrib *.* /S /D -R -S -H", con esto se aplicaran los cambios en todas las carpetas y archivos en la ruta, y se les quitaran los atributos de solo lectura, oculto y archivo de sistema. El comando se demora un poco en cambiar los atributos.



5. Revisar la unidad desde el explorador de windows, veran que ahora el mundo vuelve a ser maravilloso :D.


Links:

viernes, 12 de agosto de 2011

Guia de SEO para principiantes de Google

Hace un par de días, navegando por internet, me encontre de casualidad con este manual. Me llamo la atención porque queria mejorar la posición de una página en google y no sabia cómo hacerlo, así que me puse a leerlo y realmente está más que recomendado, ya qué explica facilmente conceptos que una persona novata como yo no domina y además la forma en que está creado el manual (con un ejemplo de página que quiere ser indexada) es muy explicativa.

Cómo dato curioso, este manual fue hecho para los trabajadores nuevos de google tuvieran una idea de como trabaja el buscador, asi que imaginen la calidad que tiene. Eso sí, no enseñan ningún truco milagroso ni nada por el estilo.

En fin, sin más palabras les dejo el manual.

Link: