Archive for the ‘Web’ Category

Comprimir CSS o JS con YUI compressor

martes, octubre 2nd, 2012

YUI Compressor es una herramienta que se utiliza para minimizar los archivos CSS o javascript. Esto porque cuando se escriben estos archivos se utilizan muchos caracteres para que estos archivos visualmente para el desarrollador se vean bien, pero adicionandelos un montos de bytes que no cumplen n inguna función más que la de ocupar espacio.

Para esto (minimizar el tamaño de estos archivos sin restarle la funcionalidad), existen un para de herramientas, la que nos convoca es YUI Compressor, escrita en Java, minimiza cualquiera de estas extensiones (CSS o JS).

Puedes descargarlo aqui o utilizarla Online a través de esta página.

Así por ejemplo, comprimes algo asi

Y lo dejas asi, sin perder la consistencia del CSS

Cambiando el tiempo de transaccionalidad en JBoss 4.2.3.GA

miércoles, septiembre 26th, 2012

Para los desarrolladores que «debugean» es util cambiar el valor de timeout de la transaccionabilidad el JBoss que esta configurada en 300 segundos por defecto, esto porque la depuración puede de un proceso largo puede tomar más que esos 300 segundos, luego de lo cual la transaccionalidad se pierde, y pierdes además conexiones y cosas similares. En el archivo jboss-service.xml, se debe modificar la seccion, con los segundos en 5000.

   
   
      5000
      ${jboss.server.data.dir}/tx-object-store 
   

Habilitando modulo expires de apache

miércoles, septiembre 26th, 2012

Una de las estrategias para acelerar la carga de tus páginas (al menos a las personas que ya te han visitado) es activando el modulo expires de Apache. Esto significa que se transmite dentro del protocolo una directiva al navegador que estes utilizando la fecha de expiración de los archivos.

Existen archivos que por su naturaleza no son dinamicos, y su vida util es bastante más que un día o una hora, por lo que cuando se transmite el archivo, no es necesario volver a transmitirlo si el usuario ya lo posee en su caché.

Activando el modo expires, se le entrega información al navegador para que mantenga por un tiempo determinado los recursos transmitidos.

En el caso de este blog por ejemplo los javascript (*.js), los css (*.css) y algunos otros tipos de archivos luego de ser subidos no son modificados, ni tampoco son dinámicos con lo que la configuracion de mi .htaccess esta de la siguiente forma:

ExpiresActivate On
<filesMatch "\.(ico|gif|jpg|jpeg|png|flv|pdf|swf|mov|mp3|wmv|ppt|xml|txt|html|js|css|htm)$">
  ExpiresDefault A2419200
  Header append Cache-Control "public"

Lo que significa que todos esos tipos de archivo pueden expriras después de un año.

Se puede complementar con (dentro del bloque de IfModule)

<filesMatch "\.(php|cgi|pl)$">
  ExpiresDefault A0
  Header set Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
  Header set Pragma "no-cache"

Para indicar que esas extensiones son dinamicas, no deben se cacheadas y deben siempre consultarse.

Desinstalar OTRS

lunes, junio 25th, 2012

Uno de los sistemas de ticket que cumple mejor con las tareas relacionadas a un servicio de ticket es OTRS, uno de los pocos (open source) que ademas cuenta con SLA (Service Level Agreement). Pero luego de la evaluación positiva de nuestra parte hubo que proceder a la desintalación y re instalación del software. No solo basta con borrar la base de datos sino que se siguieron los pasos inscritos en la lista de correos.

1. Se elimina la configuracion de OTRS del servidor web, en nuestro caso instalado en CEntOS se elimino el archivo /etc/httpd/conf.d/zzz_otrs.conf, luego de lo cual se reinicio el servicio, y ya quedo inhabilitado.
2. Se elimino la base de datos creada, en nuestro caso otrs
3. Eliminar el directorio $OTRS_HOME, en nuestro caso no había ninguno, pero se eliminó /opt/otrs
4. Eliminar el usuario otrs (userdel otrs) y el grupo (este ultimo no estaba creado)
5. Eliminar cualquier mail de la MTA, rm -rf /var/mail/otrs

Con eso se pudo reinstalar OTRS (forzandolo)

rpm -ivh –force otrs-3.1.4-01.noarch.rpm

Forzar modo de compatibilidad en Explorer

jueves, enero 12th, 2012

Una de las cosas funestas de la emision de nuevas versiones de Internet Explorer son las de compatibilidad, páginas que antes se te visualizaban de forma correcta ahora ya no. Existe una forma de generar las compatibilidades con versiones anteriores que me ha resultado, esto es incluir una etiqueta meta en la cabecera de la página


Con esto la compatibilidad se acercará más a lo que necesitas.
Encontré esta solución en dos sitios distintos (sigue el enlace 1 o el enlace 2) pero establecían «IE=IE7» o «IE=IE8» pero a mi me resultó sólo con «IE=8».

Ejemplo de datepicker de jQuery UI

sábado, noviembre 19th, 2011

En el desarrollo de sistemas uno de los costos más importantes es trabajar con las fechas, en todo sentido, desde la interfaz hasta la base de datos. En el caso de la interfaz uno debe necesariamente proveerle al usuario un ordenamiento adecuado para que él no se equivoque en el ingreso de datos.

Es aquí donde una herramienta útil es jQuery UI, que dentro de uno de sus componentes tiene el datepicker, si descargas lo ejemplos encontrarás que son bastante útiles, pero en algunos casos, cuando tu quieres comenzar a hacer modificaciones es donde los problemas pasan. A mi personalmente me sucedieron dos cosas, la primera tiene que ver con los nombre, en las pantallas de los sistemas que trabajo existe siempre más de una fecha, por lo que debo crear más de una función pero ya el ejemplo original de datepicker no funciona ya que debo cambiar el nombre y asignarle otro id. De esta forma puedes tener dentro de una página la cantidad de datepicker que necesites.

Que nombre debes cambiar, esta imagen tiene realtado del nombre que debes cambiar:

ejemplo de datepicker

datepicker

Puedes descargar el codigo del ejemplo blog_jQuery_datepicker_20111119

Lo segundo que es útil mencionar es el CSS, cada una de las fuentes y medidas estan hechas con la unidad «em» dentro del CSS de jQuery esto significa que las medidas estan tomadas desde la última medida establecida de tamaño de la fuente, por lo que si tienes un tamaño 12, las fuentes utilizadas en el calendario se veran sólo un poco más pequeñas.