Archive for month: January, 2010

Claves y Contraseñas seguras

Categories: Otros - Tags: ,

Si haz programado alguna vez un sistema o eres el administrador de una red seguro que habrás escuchado frases del tipo: “se robaron la contraseña”, “los hackers invadieron el sistema”, “hackearon mi correo” y otras mil pero buena parte de estos problemas no son por culpa de ningún administrador o programador sino del propio usuario, ahí es donde hay que explicarle al usuario que siguiendo tips muy sencillos se evitan pérdidas de datos, correos hackeados, etc.

  • No anotes las contraseñas, especialmente en una libreta o un papel al alcance de todos, si pierdes esta lista estarás en grave problemas
  • Es importante cambiar periodicamente las contraseñas
  • No uses claves muy fáciles de adivinar como tu número de teléfono, nombre de tu pareja, fecha de cumpleaños, nombre de tu mascota o similares
  • Es importante combinar mayúsculas, minúsculas y números, más seguro es si además se usan símbolos especiales pero luego resulta muy complicado memorizarla asi que no resulta muy buena idea salvo que sea algo que requiera mucha seguridad
  • Y sobre todo no uses ninguna de estas claves: 12345, 123456, iloveyou, rockyou, abc123(porque le agregaste tres letras no la haces más segura), Password

Siguiendo estos sencillos tips podemos evitarnos futuros dolores de cabeza

Mitos y preguntas sobre web modular PHP

Categories: PHP - Tags: ,

Usualmente recibo comentarios y correos preguntándome algunos detalles sobre la web modular, para qué sirven, cómo funcionan, ventajas, etc. Así que a idea de este post es ir respondiendo a estas dudas, si tienen alguna otra sería bueno que la pongan para ir actualizando el post y así todos aprendemos.

Bueno vamos al grano.


¿La página modular se recargará totalmente cada vez que clickeo un link?

Si exactamente lo va a recargar todo nuevamente. ¿Eso es mas lento?(imagino que tambien te preguntaras eso) No necesariamente ya que si maquetamos adecuadamente todo esta en cache (incluso archivos flash) y la página cargará sin problemas.

¿Los frames son mejores que una web modular?

Si bien es cierto podemos poner el encabezado, pie de página y otros elementos en frames y evitar que se recargue toda la página y esto puede ser más rápido, las desventajas superan a esa ventaja:

  • La página con frames puede distorcionarse con la aparición de barras de desplazamiento o si no aparecen estas, ciertos contenidos podrían estar cortados, eso es algo no sucederá nunca con web modular
  • Creo que el más grave problema con frames es que google no va a indexar nuestro sitio web y si no apareces en los buscadores es prácticamente como si no existieras, dificilmente tendrás nuevos visitantes
  • Los frames son tecnología desfasada, muy antigua aunque admito que combinados con los modernos modalbox pueden hacer cosas muy utiles
  • Los frames consumen más memoria ya que son varias páginas independientes abiertas todas juntas
  • Una página modular permite compartir recursos y clases a través de la página(esa su mayor ventaja), mientras que los frames actúan de forma separada

¿Cómo envío formularios en una web modular?

Supongamos que tu formulario esta en la dirección index.php?page=formulario, tu formulario sería

1
<form name="miformulario" method="post" action="index.php?page=formulario">

Eso enviará los datos a esa misma página pero ojo no puedes usar el método GET o este sobreescribirá la variable page, sin embargo se puede salvar ese inconveniente asi:

1
2
<form name="miformulario" method="get" action="index.php">
<input type="hidden" name="page" value="formulario">

¿Qué ventaja tiene usar una web modular?

La web modular no sólo sirve para tener un sólo encabezado, menu y pie de página común a todas las páginas de nuestro sitio ese es el uso más básico, los verdaderos alcances van al momento de usar una programación OOP (programación orientada a objetos) ya que las clases al formar parte de la web modular podrán ser compartidos por todo el sitio, podemos tener una sóla conexion de base de datos que sea universal a todo el sitio y así cuando cambies de servidor sólo alterarás un único archivo.
También es muy util esta web modular para crear sitios con varios idiomas

¿Se puede crear una web modular con elementos ajax?

Si, aunque yo recomendaría limitarlo sólo a algunos elementos para no perder indexación por parte de google como en este ejemplo

Objeto 3D google se ve sin texturas Photoshop CS4

Categories: photoshop - Tags: , ,

Hace poco me topé con este problema, bajé un objeto 3D de Google 3D Warehouse en formato COLLADA es decir con extensión .DAE, al abrirlo desde Photoshop CS4 no aparecía ningún mensaje de error pero no se veía el objeto, al cambiar el tipo de vista a Wireframe u otro se veía que el objeto estaba allí sin embargo en vista normal no se veía nada, luego de indagar vi que esto se debe a un bug en Photoshop CS4.

La solución a esto es afortunadamente muy simple muestras la pestaña de 3D, eliges “filter by Material”, luego buscas allí las texturas, les das un click y revisas la opción Opacity, el error consiste en que esta en 0%, para arreglarlo simplemente cambialo a 100%, eso para cada una de las texturas de nuestro modelo como vez en la captura de pantalla.
photoshop cs4 collada problem

Como hacer un boton web flotante

Categories: CSS, Diseño, html - Tags: , ,

Luego de las fiestas de año nuevo – feliz año nuevo a todos los lectores del blog – decidí escribir algo sobre algunas cosas que se van poniendo de moda como botones flotante, menus flotantes tipo facebook, algo más de ajax con jquery y cosas asi.

Veamos este boton se mantiene fijo en una parte de la pantalla aún mientras usamos el scroll de allí que sea muy útil para poner un botón RSS, algún banner con propaganda o tal vez una flecha para regresar al inicio, algunos los usan para menús, personalmente creo que para eso hay otra forma de maquetar o terminaremos teniendo un menu que se superponga al contenido.

La idea es muy simple aunque pueda dar problemas en IE6 (a ver si nos vamos olvidando de ese navegador) sin embargo hay hacks sencillos para el uso de position fixed en IE6.

Lo primero es colocar nuestra imágen (para este tutorial una de RSS) como si fuera un link, aunque no sólo podemos usar imágenes sino prácticamente cualquier cosa.

1
<a class='flotante' href='#' ><img src='boton-flotante.png' border="0"/></a>

Y ahora para que aparezca fijo en pantalla usamos el siguiente estilo:

1
2
3
4
5
6
.flotante {
    display:scroll;
        position:fixed;
        bottom:320px;
        right:0px;
}

Y eso es todo, no hace falta javascript ni gigantescos códigos que visto rondando la web.

¿Cómo hacerlo funcionar en IE6?

No soy fan de los hacks porque o no funcionan o lo hacen a medias, IE6 no reconoce el position fixed es necesario darle una manito agregando las siguientes líneas de código al inicio de nuestra hoja de estilos.

1
2
3
4
5
6
7
8
9
html
    {
    overflow-y: hidden;
    }
  html body
    {
    height: 100%;
    overflow: auto;
    }

OJO: Al usar este hack positon:absolute deja de funcionar en IE6 y sólo funciona en el standards-compliant mode, osea si tienes un bloqueador de ads o algo así es probable que no funcione. No quería dar este hack porque es un poco tonto dar un código con tantos peros.

DEMO