General

Libros interesantes

Posted in General on junio 2nd, 2010 by Diego – 1 Comment

Les dejo dos libros que les pueden llegar a interesar:

Tienes 5 segundos de Juan Carlos Camus es un libro publicado en 2009 bajo licencia Creative Commons; el texto aborda de manera minuciosa todos los aspectos que se deben considerar al momento de crear, gestionar y distribuir contenido para la web, su nombre esta ligado con la usabilidad y accesibilidad del usuario ante el contenido en Internet.

[ Bajar Libro ]

Redes Inalámbricas en los Países en Desarrollo Una guía práctica para planificar y construir infraestructuras de telecomunicaciones de bajo costo.

[ Bajar Libro ]

El acordeón no acordeona

Posted in diseño web, General, JavaScript on mayo 13th, 2010 by Diego – 4 Comments

Terminé de diseñar un sitio, en el cual una de las secciones, más precisamente la de enlaces, posee un hermoso acordeón que permite dividir los mismos en categorías.  Como desarrollo basándome en Firefox, ya sabía que en ese navegador funcionaba.  Decidí probar el sitio en Chrome, y descubrí que el sitio se veía como corresponde.

Luego, y para finalizar el trabajo, le pedí a un amigo una amiga que probara el sitio en Internet Explorer.  Obviamente, y como te estás imaginando, el sitio explotaba completamente, todo se veía corrido y fuera de lugar y las tipografías horribles.

Comencé el proceso de hack de la hoja de estilos CSS.  Luego de media hora, el sitio se veía bien en todos los navegadores. Hasta que descubrí una falla, que se producía solo en IE y no en los demás.  El acordeón, (realizado en JavaScript mediante Mootools) no funcionaba.

Luego de revisar varias veces el código buscando algún conflicto con otro JS, probar una docena de modificaciones, volver a bajar el framework, etc, etc ,etc  pude dar con la falla que provocaba el error: el Document Type.  Alcanzó con cambiar el mismo por el que pongo a continuación para que todo funcionara a la perfección.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Llegó la hora de codear

Posted in General, Programación, Software Libre on mayo 12th, 2010 by Diego – 2 Comments

Mi  amigo Dany Godoy ha creado este sitio / comunidad para compartir las inquietudes, preguntas, manuales y ejemplos de varios lenguajes de programación. ¿Estás empezando a programar?  Juntate con otros como vos que de a muchos es más fácil.

fuente: Hablando por mensajero con Dany.

Resultados del FLISOL @ Curuzú Cuatiá

Posted in activismo, Eventos, General, Software Libre on abril 26th, 2010 by Diego – 7 Comments

Llegué esta mañana, ya de vuelta en Buenos Aires les quiero contar que el FLISOL en Curuzú Cuatiá, Corrientes, fué un éxito!

El evento comenzó el día viernes, donde dimos las siguientes charlas:

OSiUX presentó “Dame una consola“, donde demostró el poder y la versatilidad de las terminales en gnu/linux.

Yo apunté a la web con “Diseño web con herramientas libres” y para cerrar ese día “Herramientas Libres para el aula” de la mano de la organizadora del evento: Liliana Arbelo, junto a María Mercedes Aspiazu, una charla dirigida a docentes de escuelas secundarias.Las charlas fueron dadas por la mañana y nuevamente por la tarde debido al gran movimiento de público.

El día sábado continuamos con las charlas, a las anteriores se sumaron “Software libre para una sociedad libre“, una nueva charla que preparé de nivel introductorio, al estilo de las charlas de la Tía MEC y OSiUX contó sus experiencias en BAL y propuso buenas ideas para implementar localmente con su charla “Redes libres“.

Entre ámbos días tuvimos aproximadamente 100 asistentes, y se instaló software libre en 11 máquinas. Dimos entrevistas a los medios locales, salimos en vivo por una radio y se publicó una nota en un diario.

La ciudad me encantó y la verdad su gente de primera, me han tratado muy bien y me sentí muy cómodo.  Gracias a todos!
Pasó el FLISOL 2010 y estoy más que conforme porque fué una experiencia muy positiva ;)

escuchaste ALMAS NUEVAS ?

Posted in Eventos, General on marzo 26th, 2010 by Diego – 3 Comments

Bueno, vuelvo a postear después de bastante tiempo, estuve muy ocupado con mi emprendimiento KrakenLAB y también preparando todo para tocar con mi banda “ALMAS NUEVAS” el 17 de Abril en LA ROCA BAR (Devoto) Ciudad de Buenos Aires.
Si quierés podés escuchar algunos temas en el sitio de la banda.
Si te gustó y querés venir a ver el show en vivo, pedime entradas anticipadas.

Crear USB booteable con cualquier ISO UNetBootin

Posted in General on enero 20th, 2010 by Diego – 3 Comments

La escena es la siguiente:   3 AM  de un día laboral, tus ojos te piden por favor que aflojes un poco pero vos, como buen geek que sos, no vas a declinar la idea de probar esa nueva distribución de gnu/linux que estás terminando de bajar.   Listo. Tenés la imagen ISO, ahora hay que quemarla… das unos pasos hasta el bulk de cd’s que está…vacío.
Pero ahora podemos salir triunfantes de esta dura situación, con la ayuda de UNetBootin.

Esta muy poderosa aplicación se encuentra en los repositorios de ubuntu, por lo cual la podés instalar con un simple:

# sudo apt-get install unetbootin

La primera opción nos dá una lista con docenas de distintas distribuciónes de gnu/linux.  El propio programa se encarga de bajar la imagen ISO y teniendo el USB conectado, crear el USB booteable.
Si ya tenemos nuestra ISO (de cualquier tipo de sistema operativo) podemos seleccionar “imagen ISO” y examinar el disco rígido en busca del archivo, creando el USB booteable en forma customizada.

Luego reiniciamos la máquina, y con el USB conectado entramos al BIOS SETUP y lo configuramos para que USB esté primero en la secuencia de booteo.

Como no me gusta dejar a los windowseros afuera, en el sitio oficial de la aplicación se pueden bajar la versión para Wingarch.  Aprovechen, usen lo aprendido e instalen un sistema operativo libre.

códigos / entidades HTML

Posted in diseño web, General on diciembre 28th, 2009 by Diego – 1 Comment

Muchas veces al crear o editar sitios nos encontramos con que ciertos caracteres no se representan como deberían, sobre todo vocales tildadas, la eñe, etc. Esto se debe a problemas con la codificación de los caracteres.

Una forma de solucionar esto es utilizar entidades html para representar los caracteres que traen problemas.
Veamos: Si tengo que mostrar la palabra esdrújula en vez de escribir dentro del código la letra con tilde como haríamos en un procesador de texto, vamos a reemplazar esa letra por un código que la represente. Con esto no se dejan dudas sobre cuál es el carácter que se debe mostrar al usuario en su navegador.

Ejemplo:   Esdrújula -> Esdr&uacute;jula

Luego, necesitamos saber cuales son los códigos de cada letra o caracter. Aquí dejo los más usados.
Entidades html

Corazones 0.1.1

Posted in General, Programación, Seguridad, Software Libre on diciembre 17th, 2009 by Diego – Be the first to comment

Bueno, ya está en SourceForge una release nueva del proyecto (0.1.1)

Feature list:

# Arreglé un par de detalles menores.
# Incorporé una nueva herramienta:   Diccionarios / Brute Force
Es un gestor que permite almacenar los diccionarios y revisarlos, y en un futuro permitirá eliminar palabras repetidas, mergear diccionarios y lógicamente utilizarlos para hacer alguna prueba de fuerza bruta.

corazonesBF

CSS hack para Internet explorer

Posted in General on noviembre 26th, 2009 by Diego – 1 Comment

Solucionando las deficiencias de interpretación de CSS en Internet Explorer 6 / 7 / 8

A la hora de diseñar con CSS nos encontramos con que nustro sitio se vé distinto según en qué navegador lo vemos. Esto es porque cada navegador interpreta “como quiere/puede” los estilos CSS, ateniendose en mayor o menor grado a la norma estandar.

Internet Explorer (en todas sus versiones) es el naufragador(sic) que menos respeta los estandares y es por eso que causa muchos dolores de cabeza a los diseñadores web, multiplicando su trabajo.

1. Realizar el diseño para Firefox o cualquier navegador que respete estándares.
por ejemplo:

#contenedor { margin: 10px 10px 10px 10px; }

2. Una vez comprobado que el diseño se ve bien, debemos hacer una segunda definición de cada estilo que no se vea bien en IE7, duplicando el estilo y añadiendo *:first-child+html :

#contenedor { margin : 10px 10px 10px 10px; }
/* Solo para IE7 | gracias por hacerme trabajar de más */
*:first-child+html #contenedor { margin : 2px 2px 2px 2px; }

Así, IE7 pisará el primer estilo y mosrará las cosas como queremos, mientras que los
navegadores que leen perfectamente CSS se quedarán con el primero.

Hay otra forma de crear estilos diferenciales, pero no es muy recomendada porque hacen que nuestro código no “valide” como 100% estandar.
por ejemplo:
body {
background: #FFFFFF /* Firefox y los demás */
*background: #000000 /* IE7 e inferiores */
_background: #CCCCCC; /* Sólo IE6 */
}

Otra solución es utilizar una librería javascript que corrige los errores de Internet Explorer en cualquiera de sus versiones, inclusive la 8.
Es muy facil de usar, solo hace falta bajar el archivo de acá , copiarlo dentro de una carpeta /js en el directorio raíz y agregar en el <head> del sitio:

<!--[if lt IE 8]>
<script src="js/IE8.js" type="text/javascript"></script>
<![endif]-->

ie-trash

Netbeans + PHP + Smarty

Posted in diseño web, General, Programación on noviembre 19th, 2009 by Diego – Be the first to comment

En mi trabajo me asignaron a un proyecto nuevo para mi, donde tendré que realizar mejoras y correcciones a un sistema de e-learning el cual está programado en PHP orientado a objetos y utiliza Smarty como motor de templates.

El tema fue que al revisar mi IDE preferida Netbeans me dí cuenta que no tenía soporte para Smarty, osea, que no entendía las etiquetas ni resaltaba la sintaxis de los archivos propios del motor.

Busqué alguna otra IDE que soportara Smarty, supuestamente Aptana lo hacía pero no logré hacer funcionar ese plugin.

EDIT 22/11/2009 : APTANA deja de soportar Smarty si instalas los plugins de PHP. Si dejas la ide tal cual la instalas, soporta Smarty. Y además podés trabajar en un servidor remoto a través de SFTP. Actualmente estoy usando APTANA.

Otra IDE que cumplia con todo lo que necesitaba es Komodo, pero no es libre y la licencia sale u$s295.  así que decidí ver que podía hacer para “acomodarme”, bien a la argentina, con Netbeans.  Les cuento como me fué:

En el menú superior encontramos “Tools” -> “options” . Dentro del cuadro de diálogo, abajo a la izquierda encontramos un botón “Advanced options“.

Dentro de opciones avanzadas vamos a “Ide configuration” ->  “System” -> “File tipes“.

Buscamos “PHP.xml ” y hacemos botón derecho -> abrir.  Vamos a ver que en el editor se abre este archivo, en donde se indican que extensiones deben ser tratadas como archivos PHP.

Lo que vamos a hacer es agregar las extensiones que usamos con Smarty para que al menos nos resalte la sintaxis básica, aunque no reconozca las etiquetas propias del motor.

Agregamos al archivo estas dos líneas (las del recuadro rojo):
smarty

Grabamos el archivo, cerramos Netbeans y al volver a abrirlo ya nos reconoce los archivos de Smarty como si fueran PHP.

Luego,  todas las etiquetas de Smarty son entre llaves, por ejemplo:

{#pagename#}
{$smarty.now}

Entonces se me ocurrió agregar un atajo para facilitar la escritura de las etiquetas. Hice así:

Desde el menú principal vamos nuevamente a “Tools” -> “Options“.  Vamos al segundo ícono -> “Editor” y luego a la solapa “Code templates“.  Luego “new” para agregar un nuevo atajo. Hay que definirle un nombre, yo le puse “sm” por Smarty, aparte es muy cómodo.
Luego en “Expanded text” agregamos lo siguiente:

{{$cursor} }

y damos “ok“. Ahora cada vez que escribamos “sm” y presionemos la tecla “tab” apareceran las dos llaves { } con el cursor titilando dentro, listo para escribir la etiqueta de Smarty.

Si bien no es la solución definitiva,  digamos que con estas ayudas se puede trabajar con Smarty sin sangrado de retinas xD.