jump to navigation

Quitar la barra de direcciones inteligente en Firefox 3 August 29, 2008

Posted by developpeur in : Español, Internet Hispano , add a comment

Esta funcionalidad nueva del Firefox 3: “Smart Location Bar” y rebautizada como la “AwsomeBar” es realmente buena para el usuario promedio, sin embargo cuando en tus favoritos tienes practicamente cientos o miles de paginas marcadas se vuelve latosa la navegación. Para desactivarla:

  1. Escribe en la barra de direcciones: about:config
  2. Aparece lo de la “warranty” click en “I’ll be careful, I promise!”
  3. En el Filter escribe los siguiente: browser.urlbar.maxRichResults
  4. Doble-click en browser.urlbar.maxRichResults y escribe el valor -1
  5. Reiniciar Firefox

Technorati Tags:

Sphere: Related Content

Como quitar el auto completar en Firefox August 29, 2008

Posted by developpeur in : Español, Internet Hispano , add a comment

Para quitar el autocompletar en la barra de direcciones de Firefox:

  1. Teclear en la barra de direcciones: about:config
  2. En la pantalla siguiente teclear browser.search.suggest.enabled
  3. Si el valor anterior aparece como True, darle doble-click para False

Para reactivarlo es el mismo procedimiento para regresarlo a True.

Sphere: Related Content

Remodelaciones de Sitios Web - Analogía July 30, 2008

Posted by developpeur in : Español, Internet Hispano, Web Development , 1 comment so far

A veces es difícil explicarle a un cliente los procesos, terminologías y situaciones colaterales implícitas en el desarrollo web, las analogías son una forma de explicar de una manera más coloquial de tal forma que sea sencillo su entendimiento.

Para el caso de este post, o sea Remodelación de un Sitio Web, tomaremos como analogía la remodelación de una casa. Así que primeramente hay que contextualizarnos asignando equivalencias. Para el caso de esta analogía solamente tomaremos 3 elementos del proceso de construcción de una casa: Planos, Obra Negra y Acabados. Equiparándolos con los procesos de desarrollo web: Diseño, Programación, Integración.

Explico cada uno:

A fin de aclarar las situaciones que confunden en las remodelaciones, he asignado una escala de acuerdo al nivel de modificación que se requiera:

Por lo anterior es sumamente importante al momento de crear o remodelar un sitio web (como lo es en una casa) observar los siguientes detalles:

Sphere: Related Content

Importancia de diseñar en XHTML CSS con estándares W3C July 24, 2008

Posted by developpeur in : Español, Internet Hispano, Web2.0 , add a comment

El diseño en XHTML/CSS es muy diferente al HTML típico (la versión 4). Diseñar para HTML es muy fácil ya que se puede hacer (la mayoría de las veces) a través de un GUI como Dreamweaver, Firefox, Photoshop, etc., con la consecuente pérdida de estándares y ante (o vs.) el creciente énfasis de los buscadores en precisamente eso: ESTANDARES.

Bien, el XHTML es el formato de mayor vigencia actualmente (al 2008) y el más premiado por los motores de búsqueda por su facilidad para ser explorado por los robots, entre más estricto y puro es mejor. La páginas web programas en XHTML/CSS por lo general son sujetas a una verificación voluntaria por el W3C, aun cuando dicha verificación es voluntaria y no hay multas por no pasar la verificación, si puede representar un costo (sobre todo para las páginas web comerciales) en el largo plazo al ir cayendo en la posición que se tenga en las “paginas de resultados de los motores de búsqueda” (los SERPs), o bien jamás aparecer en ellos.

No es que yo nunca haya usado un GUI, de hecho mi favorito es el Dreamweaver, pero tampoco se puede usar para todo, vamos… hasta una navaja suiza tiene sus límites, y sin duda el XHTML con CSS es mejor programarlo a mano o al menos revisarlo o limpiarlo a mano antes de verificarlo y publicarlo.

La siguiente analogía va como ejemplo, supongamos que el motor de búsqueda es un buzo de aguas profundas buscando un tesoro en el fondo del mar. Nuestra página web es el espacio del océano (el agua) donde se ha decido buscar dicho tesoro. El tesoro es el producto o servicio que ofrecemos en nuestra página.

  1. Cuando un motor de búsqueda explora una página web hecha con un GUI equivale a bucear en lodo, será difícil, lento y tal vez nunca encontremos el tesoro.
  2. Cuando un motor de búsqueda explora una página web XHTML con estándares W3C equivale a bucear en agua purificada, todo será fácil, rápido y visible.

Sphere: Related Content

Pasos para diseñar en XHTML CSS July 24, 2008

Posted by developpeur in : Español, Internet Hispano, Web Design, Web2.0 , add a comment

¿Cómo hacer una página web en XHTML/CSS? ¿Cuáles son los pasos para diseñar en XHTML/CSS? Son preguntas recurrentes en foros de diseño web en diferentes idiomas, sin que hasta el momento yo haya encontrado una respuesta simple, lo cierto es que posiblemente no la hay debido a que cada desarrollador aplica una metodología distinta en su proceso. Libros excelentes se han escrito sobre el tema, sin embargo queda abierto al criterio del desarrollador el orden de los pasos a seguir. A mí me gusta programar manualmente pues obtengo resultados prácticamente exactos al modelo gráfico presentado (al cliente o al jefe).

Mi metodología es la siguiente:

  1. Diseño Gráfico:
    Diseñar (en photoshop, fireworks o lo que quieras) la apariencia gráfica que tendrá la página, “el modelo”, con todo y textos, botones, etc… vamos, como una fotografía de la página.
  2. Etiqueta CSS:
    Genero un archivo CSS con las etiquetas de estilo en blanco de acuerdo a las áreas que logro identificar en el modelo: header, content, footer, etc.
  3. Etiqueta XHTML:
    Genero un archivo XHTML 1.0 Strict, defino y posiciono las divisiones con las respectivas etiquetas de estilo, incluyo todos los textos, al menos en forma simulada (lorem ipsum) si no existen los reales todavía.
  4. Define Estilos:
    Asigno las características de estilo a cada una de las etiquetas del CSS creado previamente y que estaban en blanco.
  5. Segmenta:
    Procedo a segmentar o “rebanar” las piezas del modelo grafico que me serán de utilidad y que serán recogidas por el CSS o el XHTML una vez en el servidor.
  6. Ajusta:
    Reviso que las piezas del paso anterior hayan quedado en su lugar de acuerdo al modelo, reviso medidas, cabos sueltos, etc.
  7. Verifica:
    Procedo a revisar que la página pase efectivamente la verificación de la W3C.

Espero que esta metodología sea de ayuda para los diseñadores o desarrolladores web que apenas se inician en esto, igualmente invito a los desarrolladores y diseñadores web veteranos que quieran compartir su metodología, lo hagan en los comentarios de este post para enriquecer este recurso.

Sphere: Related Content

How to save data in fillable PDF forms May 29, 2008

Posted by developpeur in : English , 1 comment so far

I recently had to fill up an important amount of government fillable PDF forms, as you may already know you can not save this data (most of the time) you may only print such forms, so there’s no way you keep a digital record in your so called “paperless office”. Or like in my case fill the forms at home in my laptop and print them the next day at the office. The answer is simple, you still won’t be able to save the data, but you can print it to a “digital document” such as XPS or TIF and print it or review it later (still you won’t be able to re-edit such file).

Well, probably others may have come to this solution, but for the sake of rich and useful search engine results here goes the solution:

  1. Fill out the fillable PDF form with Acrobat Reader.
  2. Click the print button on the Acrobat Reader.
  3. Instead of choosing your default printer choose: Microsoft XPS Document Writer (if not installed download it for free HERE).
  4. Click OK or Print
  5. You’ll be prompted for assigning a name to the file, directory path and saving it, so just do that and you’re done.

Now, the next morning or year when you want to print on paper that form, just look for the file and open it with Internet Explorer. Either open your IE, and then go to File+Open and browse to the file from there, or open it by right-clicking the .xps file and go to the “Open with” option and choose IE.

If you want to know more about XPS files, I wrote a post about them last year: XPS vs PDF for Digital Documents.

Sphere: Related Content

Teclas para borrar cache del navegador April 15, 2008

Posted by developpeur in : Español, Tutoriales , 1 comment so far

A veces pasa que hemos actualizado nuestra página web y no vemos las actualizaciones por mas que le demos click al boton de actualizar del navegador, esto pasa cuando tenemos la asignacion de “cache” muy grande en las opciones del navegador. Sin embargo una manera rapida (shortcut key) de acceder una pagina con el cache “limpio” es la siguiente:

Internet Explorer:

 Firefox:

Sphere: Related Content