Cada desarrollador tiene su propia manera de formatear o estructurar el código que escribe, pero cuando se trabaja en equipo, una forma estándar de formatear o estructurar el código es el mejor interés de todos.

En todo el tiempo que tengo escribiendo CSS, he ido experimentando con diferentes formas de estructurar mi código, formas de organizarlo para que sea más sencillo de identificar, no solo por mi, sino por las personas que trabajan conmigo.

Ahora complemento mis experiencias con opiniones de otras personas con el fin de encontrar la manera más funcional de organizar las hojas de estilo CSS. Claro está que cada persona puede optar por usar una manera particular de organización, pero de todas maneras es válido conocer algunos consejos que pueden orientar a los que no han conseguido este objetivo.

Uno de los trucos que aprendí ultimamente a raiz de jugar un poco con el css, es el de utilizar una grilla o rejilla en el fondo de la página durante el tiempo de desarrollo, esto me permite ubicar los elementos con mayor facilidad.

Navegando por The third degree encontré un método para organizar y manejar fácilmente nuestras hojas de estilo y el cual presento a continuación.
(more…)

Esta semana me he encargado de hacer actualizaciones a algunos sitios que manejo, y uno de ellos (que por cierto tengo bastante descuidado) es mi fotolog, el mismo que utiliza Pixelpost y para ello encontré la versión 1.6 cuyo proceso de actualización es bastante sencillo:

• Yo siempre empiezo/recomiendo haciendo un backup de los archivos involucrados, ya que si algo sale mal, podemos regresar todo a como estaba. De igual manera con la base de datos.
• En caso de no hacer un backup completo, asegúrate de guardar el archivo /includes/pixelpost.php ya que contiene los valores de conexion a la base de datos.
• Abrir el archivo /includes/pixelpost.php del la nueva versión descargada y desempaquetada y editar los parámetros de la base de datos teniendo especial cuidado con el prefijo de las tablas:

 $pixelpost_db_host = "localhost"; // database host, often "localhost"
      $pixelpost_db_user = "replace_me"; // database user
      $pixelpost_db_pass = "replace_me"; // database user password
      $pixelpost_db_pixelpost = "replace_me"; // database

        $pixelpost_db_prefix = "pixelpost_"; // table prefix, leave as is unless you want to install multiple blogs on the same database

• Copiar los archivos al servidor usando nuestro cliente de FTP
• Ir a nuestro sitio y abrir http://tusitio.com/admin/install.php Esto añadirá una nueva tabla a la base de datos
• Una vez que la actualización está completa, accederemos al panel de administración de nuestro fotolog y vamos a la pagina de addons
• Bajamos hasta el botón llamado “Update EXIF”.
• Trabajo terminado, ya podemos utilizar nuestro Pixelpost actualizado

Si encontramos el siguiente mensaje en el panel de administración “the layer does not exist (cropdiv). If you are using Netscape, please check the nesting of your tags” solo debemos limpiar el caché del browser y todo funcionará correctamente.

Fuente: Pixelpost

Pues bien he decidido cambiarme a la nueva versión de wordpress la 2.3, así que iré posteando durante todo el proceso, o al menos durante la parte del proceso que me permita postear.

Aquí vamos…
(more…)

Revisando Lifehacker hace unos días me encontré con esta sencilla herramienta llamada Quicklogger que nos permite llevar un control de nuestro tiempo en un archivo de texto plano.

Hacer un seguimiento de nuestro tiempo suele ser dificil, pero tiene algunas ventajas como por ejemplo la de permitirnos hacer mejores estimaciones sobre la duración de los proyectos o la distribución de los tiempos.
(more…)

Una de las cosas que menos me gustan cuando trabajo sobre una web es tener que generar y modificar los contenidos de las tablas, sobretodo cuando son grandes tablas ya que el trabajo es muy monótono.

Ultimamente me he visto mortificado por este asunto con el extra de que, tengo que cambiar los precios de 350 productos adaptando la presentación de la tabla a un diseño nuevo. Esto no debería ser tan problemático, aunque olvidé mencionar que la persona que la persona que ha diseñado los sites en cuestion lo ha hecho con dreamweaver y sin cuidar en lo más mínimo la separación de diseño y contenido, por lo que me encuentro a cada instantes con una maraña de estilos insertados por el editor utilizado, mezclados con etiquetas de html que en vez de ayudar obstaculizan el trabajo, y para muestra un botón:

<td width="206" height="20" class="td0">PAIS / COUNTRY</td>
    <td width="50" height="15" align="center" class="td0">USD</td>
  </tr>

Sumado a esto el cliente me pide aumentar todas las tarifas un 0.03%

Así que en vez de usar el comando de buscar y reemplazar de mi editor decidí rehacer las tablas utilizando la hoja de cálculo.
(more…)

Hace menos de una semana tuve que enviar un mail advirtiendo a mi familia completa, que son muy adeptos a abrir todo cuanto llega a su bandeja del correo sobre un mensaje falso que venía supuestamente de gusanito.com diseñada exáctamente como la original y que como ya se imaginan pretendía instalar programas maliciosos en la pc.

Hoy día al conectarme al Messenger me envió un mensaje una persona con quien no suelo hablar mucho, y me enviaba supuestamente unas fotos, me escribió algunas líneas con estos textos:

(10:08:15) JuanPerez: jaja recuerda cuando tuviste el pelo asi
(10:08:15) JuanPerez se ofrece a enviarle el archivo IMG-0012.zip
(10:08:33) JuanPerez: oye voy a agregar esa foto a mi blog ya
(10:12:45) JuanPerez: oye voy a poner esa foto de nosotros en mi myspace

Obviamente el virus está usando mensajes aleatorios para confundir y conseguir ser aceptado.

Al desempaquetar el archivo IMG-0012.zip encontramos un archivo con el nombre img0012-www.photostorage.com y es un ejecutable de DOS. NO LO ABRAS, al darle doble clic al archivo infectarás tu computadora con este virus que asumo, intentará robar tus contraseñas y posiblemente los números de tarjeta de crédito.

¿Cómo protegernos de estos virus?
Podemos comenzar por no enviar ningun archivo sin saber de que se trata, esto puede implicar también re-preguntar sobre el contenido del archivo, o no recibir archivos que no hemos solicitado y sobretodo, revisar muy bien el archivo que se recibe.

A tener cuidado

Este es un artículo que encontré en Outlaw Design, originalmente en inglés y que estoy usando actualmente para mantener ordenada mi carpeta de trabajos, lo que sigue es una pseudo traducción.

¿Por qué los diseñadores deberían ordenar sus carpetas?
Si eres un diseñador que trabaja en multiples proyectos a la vez, sabes cuan importante es estar organizado. Guardar los archivos en diferentes ubicaciones, todos con diferentes nombres, puede ser confuso y costarte tiempo y dinero.

A continuación mostraré mi método personal para mantener los archivos organizados. Espero que esto finalmente los ayude a organizar sus archivos, ahorrar tiempo y dinero!
(more…)

Este finde semana estuve reorganizando la forma como almaceno la información de las webs que manejo y también haciendo copias de respaldo de las mismas, además necesitaba crear backups ordenados por fechas de algunos sitios que aún estoy modificando; esta tarea es sencilla cuando se trata de una o dos carpetas, pero cuando el número se incrementa se torna un tanto repetitiva y trabajosa.

La solución que se me ocurrió fue crear un pequeño archivo bat que realice esta labor por mi de una manera un poco más rápida. Hice una búsqueda rápida en la web y finalmente obtuve el resultado que esperaba.

Coloco el contenido de mi archivo backup a continuación para que pueda ser usado por cualquier persona a quien le interese.
(more…)

Revisando bitelia me tope con estos dos trucos (uno y dos), ambos nos permiten realizar acciones que no son tan conocidas con los marcadores o “favoritos” de firefox.

(more…)

El día de hoy me lo pasé ordenando un poco (bastante) mi cuenta de gmail, tenía decenas (por no decir cientos) de mensajes sin leer por haber considerado en algun momento que eran menos importantes que otros, luego me di cuenta que había ocupado casi la mitad de mi casilla, y que aeste paso, por más que me ampliaran la casilla cada día, llegaría a saturarla, entonces decidí que tener una casilla grande no implica que la tendre llena.

Luego de ver esta guía para transformar a gmail en tu oficina virtual e instalar algunas extensiones (Better Gmail por ejemplo) quedó la tarea de terminar de ordenar los correos sueltos y leer los pendientes, luego de un par de horas al menos, ya no me quedan pendientes, he reducido el espacio utilizado a 35% y tengo el correo mucho más organizado que antes, en mira a sacarle el mejor provecho. Ya poco a poco iré revisando los que quedaron sueltos para terminar de hacer la limpieza en el Gmail.

Durante este proceso ha sido necesario realizar diversas búsquedas en mi bandeja de entradas y en los mensajes archivados, buscar por ejemplo solo los mensajes no leidos, o los que llevaban archivos adjuntos, o los que tenían algun remitente en particular… así fue como di con esta lista que permite realizar esas búsquedas dentro de la caja del buscador de Gmail:

(more…)