Envolviendo el código – jQuery Wrap()

Hace unos días tuve un reto con un layout en html, quería meter un div dentro de otro para posicionar unos elementos en forma de grid, lo cual es totalmente posible, no podía modificar la estructura html de ese grid, pero si podía insertar código javascript.

Lo primero que pensé fué usar el metodo clone de jquery, crear el wrapper e insertar el objeto clonado ahí.

Pero investigué un poco más y conocí el wrap que se encarga de hacer justamente lo que necesitaba.

Otras idéas – Pie de foto

Tienes una colección de imágenes en en el html, todas tienen su debida descripción en el atributo alt.

Primero envuelves cada una de las imágenes en un div que vas a usar como el contenedor de la imagen y el pie de foto.

Puedes verlo funcionando en este ejemplo (ver código  fuente)

CSS3 rgba, color y opacidad

La declaración rgba de CSS3 aplica el color igual que el formato standard RGB pero le añade algo especial,  esa a es por el canal alpha lo que significa que podemos definir el nivel de transparencia de un objeto.

Un objeto con transparencia de 1.0 sera totalmente opaco (visible) un objeto con transparencia de 0.0 será totalmente invisible. Cualquier valor intermedio determinará que tan transparente será un objeto sobre su fondo. (más…)

Imágenes para los posts en WordPress 2.9

Hace un par de días estamos estrenando WordPress 2.9 y es muy probable que si has oído algo sobre los nuevos features  que trae sabrás que a los posts se le pueden asignar imágenes para usarlas como thumbnail. Estas imágenes que podemos asignarles a los posts no son solo thumbnails si no que pueden ser de cualquiera de los tamaños comunes que usa WordPress.

Voy a enseñar como usar estas imágenes en los templates, teniendo en cuenta que estas imágenes son una representación del post. La imagen esta directamente relacionada al post. (más…)

Mysql, Tunnels, SSH…

editado el 21 de marzo del 2010 con ideas de una respuesta en este foro.

Si tenemos acceso a ssh podemos conectarnos a una base de datos remota usando:

ssh -L8888:mydbhost.mydomain.com:3306 myshelluser@mydomain.com

Luego te conectas a su servidor así:

mysql -u mydbuser -p -h 127.0.0.1 -P 8888

Debes usar 127.0.0.1 en vez de localhost porque si no el servidor va a rechazarte la conexión.

Lo que muestra este post es como conectarse a una base de datos remota usando Windows, Putty, Mysql GUI Tools y Dreamhost.

El problema es que quisiera usar mysql query browser para conectarme a mi base de datos en Dremahost, pero el query browser solo acepta conecciones locales.

La solucion es hacer un tunel (SSH Tunneling) desde nuestra maquina hacia el servidor en Dreamhost y conectar el query browser a traves de ese tunel. (más…)

De Winamp a Google Talk

Esto puede sonar como algo viejo para algunos, pero para mi fue una sorpresa que poner el nombre la canción que estás escuchando como tu status en Google Talk sea tan fácil.

Voy a suponer que tienes Winamp y Google Tak instalados, así que el resto es simple.

Te diriges a la carpeta de Winamp, usualmente:  C:\Program Files\Winamp y creas un archivo vacío llamado Winamp.m3u

Luego de haber hecho esto puedes seleccionar el status Show current music track en Google Talk.

Mejores FAQ’s con jQuery

Una forma de mostrar un FAQ o las preguntas frecuentes sin la necesidad de muchos divs y otras cosas superfluas. (Ver código fuente)

Ejemplo

Como usamos Google Sites para colaborar

Nuestro proceso de diseño ha cambiado mucho desde que comenzamos a usar Google Sites, es más fácil compartir un link que convocar una mini-reunión para que todos vean el diseño.

Wilbur Suero, DASC

Algunas de las reflexiones que han surgido después haber utilizado Google Sites para interactuar con grupos pequeños y  como el concepto de microblogging ha ayudado mucho a hacer que nuestro equipo lo disfrute tanto como los clientes. Tomando como base que controlar no es la mejor vía, actualizamos con un modelo más informal, con menos reglas.

Ya que es un poco difícil o falta mucho tiempo para  que las empresas grandes empiecen a  adoptar el microblogging como una forma de comunicación seria, este es un ejemplo de como puede ser de gran ayuda a los grupos pequeños de personas enfocados en un mismo tema.

Que es Arquitectura de la información?

Con todos los complejos requerimientos, bases de datos, información instantánea y el tamaño de los websites y redes del día de hoy la arquitectura de la información se ha convertido en un factor crítico en el desarrollo de la mayoría de los proyectos web a gran escala.

Para mezclar lo técnico con lo visual manteniendo el sentido de la estructura y la usabilidad es necesario tener una arquitectura de información. (más…)

Celebra las pequeñas victorias

Es raro que necesitemos una gran victoria para celebrar y una pequeña derrota para sentirnos mal. En otras palabras, necesitamos una muy buena razón para celebrar, pero para angustiarnos no necesitamos mucho, de hecho, a veces nos enojamos y nos angustiamos por nada. (más…)

Como cobrar y las consecuencias de la especulación

Muchos freelancers caen en la trampa de cobrar por debajo de lo que deberían, una práctica que puede tener un impacto muy serio en su negocio. Algunas de las consecuencias de no cobrar debidamente su trabajo incluyen:

  • Menos ganancias. A veces nos proponemos a cobrar menos por un proyecto con el fin de ganarnos un cliente, o conseguir una mayor cantidad de trabajo. Aunque esto puede funcionar en algunos casos, hay que trabajar mas horas para ganar lo que se ganaría cobrando como debe ser.
  • se consiguen solo clientes regateadores. Muchos clientes contratan a los diseñadores o programadores basandose en su precio. En mi experiencia, si un cliente te dice que te contrato por tu precio, es una muy mala señal. Este tipo de clientes puede ser de los mas difíciles de tratar. Aparte de que aunque cobres barato, los clientes siempre esperan el mejor resultado, no importa que tan poco paguen.
  • El valor percibido por tu trabajo es menor. He notado como el precio de tu trabajo tiene una perspectiva directa en la impresion del cliente. Si cobras muy barato vas a ser etiquetado de baratero. Si cobras demasiado barato vas a ir guiando a tus clientes a que subestimen tu trabajo.
  • Tu propia opinión de tu trabajo es menor. Cuanto vale tu tiempo? Que precio te mereces? Si tus precios andan muy bajos puedes estar convenciendote a ti mismo, subconscientemente de que tu trabajo vale cada vez menos.
  • Tus resultados sufren. Si no estás ganando lo suficiente en un proyecto, es muy probable que trates de apresurarlo para comenzar rápido con otra cosa.
  • Terminas compitiendo en base al precio. Si fueras una gran tienda por departamentos esta sería una buena estrategia, pero como diseñador, o como programador usualmente no es una buena idéa. Si cobras muy por debajo de lo que debes cobrar, vas a atraer clientes que despues quisieras no haber atraído y va a ser muy dificil estabilizar tus precios a menos que tu competencia los suba tambien.

(más…)