Día del Software libre

Es el más próximo. Se realizará en diversos puntos del planeta, el día 19 de septiembre de este año, organizado por comunidades locales.

En Santiago de Chile, organizará la Fundación GNUCHILE. Por el momento (personalmente) no veo mayor información respecto a este evento, por lo cual espero que de acá a la fecha aparezcan más detalles, sobre todo porque en la página de inscripción solo pusieron el BIO de la Fundación y nada sobre actividades.

Espero que sea un día con actividades (ya sea presenciales o en linea) y no solo una fecha simbólica.

Fuente: softwarefreedomday.org
(puede verse las otras otras sedes organizadoras en el mapa)

Jornadas Regionales de Software Libre

Jornadas Regionales de Software Libre

Es una reunión Latinoamericana, organizada una vez al año en diversos países de la región. Se espera que asistan grandes invitados internacionales, así como también asistentes desde el extranjero.

Se realizará durante los días 7, 8 y 9 de Octubre, en la sede Santiago Sur, ubicado en Av. Vicuña Mackenna 3864, Macul. Cerca del metro camino agrícola.

La entrada es LIBERADA.

Mapa del Lugar:

Ver INACAP – Sede Santiago Sur en un mapa grande.

Fuente: Jornadas Regionales de Software Libre

Encuentro Linux y Día Distribuido

10º Encuentro Linux

El Encuentro Linux es sin duda el mayor congreso de software libre del país. Se celebra una vez al año durante 2 a 3 días seguidos, en alguna universidad/instituto a lo largo del país, tradicionalmente a finales de Octubre. Hasta ahora, solo se ha realizado fuera de Santiago. Este año será el décimo aniversario, cuya organización corresponderá a una coordinación entre 5 distintas casas de estudio de la 5ª región:

UTFSM | PUCV | UPLA DUOC | UV

Detalles en la página de organizadores del 10º Encuentro Linux.

Es de esperar que, durante el próximo mes, se publiquen los calendarios con las actividades.

¿Y que es el Día Distribuido?

Bien, es algo muy simple. El 10º Encuentro Linux se realizará los días 22, 23 y 24 de Octubre.
El día 22 y 24, la sede única corresponderá a la UTFSM, pero el día 23 será el Día Distribuido.
Ese día, cada casa de estudios organizadora será en sí misma una sede. No es que el espectador deba trasladarse de una a otra durante el día, sino que se espera que cada una trate durante todo el día, algún tema particular y el espectador se quede ahí durante la jornada.

Ojo, consideraciones: El Encuentro Linux es un evento PAGADO, no porque sea de software libre la cosa es gratis. Consideren que cada expositor invitado (nacionales y extranjeros) tienen estadía y transporte pagado. Eso cuesta. Sin embargo, tradicionalmente se ha diferenciado el precio para espectador normal y estudiantes, espero que este año no sea la excepción.

Además ¡un anuncio!
Se extendió por enésima vez el plazo parar postular trabajos de exposición para este año.
Dado que este año el foco de los temas están en torno “Negocios”, los temas sugeridos son:

Detalles acá.

Fuentes: Encuentro Linux | Día Distribuido | Anuncio en Fayerwayer

Artículos relacionados

• Reportaje Charla Floss USM Concepción (2)
• Fundación Mozilla es el principal auspiciador de JRSL Chile 2009 (0)
• Youtube y Digg dejarán de ofrecer soporte a usuarios de IE6 (1)
• Menu CSS (0)
• Wordpress Drop Down menu usando JQuery (0)
• Google libero el codigo con el cual se implementa protocolo Wave (0)
• Diferentes maneras de dar formato a tus CSS y sitio web (0)
• Cobol inmortal, presente en USPS (2)
• Escalamiento y replicación de Mysql (0)
• LopeEdit 5.5 (3)

Artículos relacionados

• Presentes en Conecta 2009 (0)
• Finalmente fue lanzado Microsoft Silverlight 3.0 (0)
• MSDN Flash: Liberado nuevo SDK de .NET Services (0)
• Install Fest Windows 7, Concepción. (0)

Podrás realizar uno horizontal o vertical totalmente en CSS. Para eso solo debes modificar los items que llevará tu menú y los parámetros como tipo de letra y colores, además el sitio te provee de plantillas predeterminadas para que trabajes sobre ella, una vez terminado tu menú puedes descargarlo en un fichero .*ZIP donde viene el HTML que incorpora todo el código CSS para que lo incorpores en tu proyecto.

via  PIXMEDIAL

Artículos relacionados

• Próximos eventos del Software Libre (0)
• Wordpress Drop Down menu usando JQuery (0)
• Diferentes maneras de dar formato a tus CSS y sitio web (0)
• Youtube y Digg dejarán de ofrecer soporte a usuarios de IE6 (1)
• LopeEdit 5.5 (3)

Me despido con esta foto, que a más de alguno, se le debe hacer conocida.

Feliz día para todos ellos.

Artículos relacionados

• No hay artículos relacionados

Dicen que una imagen vale más que mil palabras, entonces, 22 fps valen más que una imagen.

Acá un video tutorial que realice para la lista de correos de Report Manager, la temática es “Conectar Report Manager MySQL utilizando los controladores de Borland DBExpress”. ¿Por qué?, porque resulta mucho más rápido que por ODBC (ODBC es lento!!, pero saca de apuros).

[There is a video that cannot be displayed in this feed. Visit the blog entry to see the video.]

Fuente: Canal IT

Artículos relacionados

• Escalamiento y replicación de Mysql (0)
• Trabajando con Galería GD + Base de datos (0)

La cosa es que, hoy dentro de los requerimientos del gerente (jefecito), esta un pequeño menú desplegable (drop down), y cuando se viene esto a nuestras cabezas, empezamos a pensar “shurra! que dificil, css, javascript, mucho código, muchas sentencias, muchas cosas que hacer y decir, sinceramente ufff! wuakatela“, pero gracias a Dios, que JQuery salio a mi encuentro, y sinceramente me estoy enamorando de él, así con en su momento fue con PHP+MYSQL, luego CSS, ahora JQuery, me esta robando el corazón.

En sí JQuery, es una framework o una pequeña y muy liviana librería de Javascript, existen otros framework como AJAX más potentes, y que obviamente podemos generar un sin fin de aplicaciones y API con esta, pero JQuery es el hermano chico de AJAX, es más pequeña, tiene funciones más limitadas, pero tal vez para algunos se les haga más fácil desarrollar en ella, y trabajar con la misma, y tal vez generar los mismos resultados, que su par más grande AJAX.

Entonces yéndonos más al código, podríamos decir que en 3 pasos o 4 pasos, tendremos funcionando nuestra menú desplegable y gestionado con nuestro clásico amigo de mil batallas Wordpress.

El efecto final que queremos lograr, es el que podemos ver en la imagen que tenemos a nuestro lado izquierdo, se ve bastante complicado, y empezamos a “caldearnos la cabeza” pero sinceramente no es tan difícil que digamos más bien, cuenta con una pequeña aplicación en Javascript, y harto manejo de CSS y Wordpress como dicen por ahí hace el resto.

El primer paso en cuestión en entrar a la carpeta de nuestro template, para poder editar el archivo header.php y localizar los TAGS de HTML head. Entonces dentro de cualquier lado pegamos el siguiente código, el cual no hay que realizarse en sí ninguna modificación, a menos que manejes JavaScript, y puedas generar tus propios estructuras rápidamente.

<?php wp_enqueue_script('jquery'); ?>

<script type='text/javascript'>
jQuery(document).ready(function() {
jQuery("#dropmenu ul").css({display: "none"}); // Opera Fix
jQuery("#dropmenu li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).show(268);
},function(){
jQuery(this).find('ul:first').css({visibility: "hidden"});
});
});
</script>

Luego nuevamente en nuestro archivo header.php encontraremos, tenemos que posicionar nuestro menu, lo cual lo haremos de la siguiente forma:

<ul id="dropmenu">
<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
</ul>

Y finalmente para poder enchular nuestro menú, el CSS que nos hará poder mejorar el aspecto del mundo.

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

Esperando que el artículo les allá servido enormemente, para olvidarse de estos cachos de montones de códigos, realmente para mi fue bastante interesante, poder tener un nuevo recuerdo que añadir, desde hoy en adelante como lo sería JQuery.

Para ver si realmente les resulto, tendría que estar quedándoles algo parecido a esto, WordPress jQuery Multi-Level Drop-Down Menu Demo.

Artículos relacionados

• LopeEdit 5.5 (3)
• Próximos eventos del Software Libre (0)
• Menu CSS (0)
• Diferentes maneras de dar formato a tus CSS y sitio web (0)
• Youtube y Digg dejarán de ofrecer soporte a usuarios de IE6 (1)
• PHP 6, Zeev Suraski habla sobre la nueva versión (0)
• Trabajando con Galería GD + Base de datos (0)

La intención principal de la liberación de este código es poder generar que terceros, que obviamente no son propiamente del proyecto, puedan generar y trabajar con este código, así poder realizar ciertas pruebas de funcionamiento, etc, lo cual con este se podría llegar a un mejor perfeccionamiento del protocolo, para posteriormente luego de tenerlo bastante “pulido”, poder adoptarlo de manera más generalizada en nuestro gran mundo llamado Internet. Básicamente se trata de un protocolo de trabajo Cliente/Servidor de aplicación de referencia que se construye en la parte superior del protocolo.

Dentro de las palabras de los creadores podemos destacar lo siguiente “To kickoff Federation Day, we open sourced two components: 1) the Operational Transform (OT) code and the underlying wave model, and 2) a basic client/server prototype that uses the wave protocol,” says an announcement in the official Google Wave developer blog. “The OT code is the heart and soul of the collaborative experience in Google Wave and we plan that code will evolve into the production-quality reference implementation“. Esto denota que todavía no se se tiene a ciencia cierta, que los llamados “terceros” puedan desarrollar o puedan adaptar el Wave Protocol de una manera correcta o satisfactoria, el modo de operación de este reciente protocolo. Google esta en busca de ofrecer un estándar de calidad de la producción de referencia de aplicación que todos los adoptantes podrán utilizar para reducir al mínimo el riesgo de comportamiento. La compañía dice que también proporcionan pruebas de los marcos para ayudar a garantizar la compatibilidad de aplicaciones de terceros.

Finalmente decir, que el modelo de tecnología o desarrollo de la misma es bastante interesante, debido a que es algo bastante fuera de lo común a lo que normalmente conocemos. Wave cuenta con un potencial enorme. Lo más probable es que veremos de Google Wave de referencia de protocolo de código de implementación repurposed de forma innovadora e integrada con otros servicios independientes.

Sin lugar a dudas, digno de probar, estar atentos, y poder aportar, los que les interesa el tema.

Artículos relacionados

• Próximos eventos del Software Libre (0)
• Fundación Mozilla es el principal auspiciador de JRSL Chile 2009 (0)
• Youtube y Digg dejarán de ofrecer soporte a usuarios de IE6 (1)
• Cobol inmortal, presente en USPS (2)
• Reportaje Charla Floss USM Concepción (2)

Hoy en día el tema de la navegación, de las compatibilidades, de las versiones más recientes de los diferentes medios o lenguajes que cada vez están saliendo sin lugar a duda, es mucha, y entonces la pregunta que nos hacemos, es la siguiente ¿Como adapto mi sitio a la mayor cantidad de nuevas “tendencias”, para estar preparado con tanto cambio tecnológico?, bueno el CSS es un herramienta bastante poderosa, sin lugar a dudas, que marco un precedente de un antes y un después.

Conozco personajes o supuestos desarrollados de sitios webs, que todavía están a la “patada y el combo” (termino chileno), con las tablas(osea HTML puro) y desarrollando sitios bastantes importantes de esta forma. Imaginemos una clara ventaja de la utilización del formateo de sitios en CSS, si yo tuviera un sitio grande, con muchos módulos, bastantes componentes y quisiera cambiar algo en el tamaño de algo especifico, ¿tendría que estar editando archivo, por archivo cada modulo o componente para poder lograr el efecto o cambio que quiero?. La respuesta es si, de poder se puede, pero si realizamos un trabajo previo de nuestro sitio en CSS, y tenemos conocimiento de cada clase y lugar que estamos desarrollando, este pequeño cambio nos llevaría como se dice por estos lados (Chile)  un “misero” cambio de un atributo específico, el cual produciría el cambio automáticamente para todos los sitios, secciones, módulos, componentes, etc. Esta es la gran “ganada” en tiempo, calidad y accesibilidad del sitio. Y sinceramente muchas veces mirada en menos esta gran tecnología llamada CSS.

Como siempre y en todo orden de cosas en gustos y en el amor como dicen por ahí no hay nada escrito, es por esto que existen diferentes maneras para estructurar tu sitio web, las cuales veremos en los siguientes ejemplos:

Formateo multilínea

.navigation_rss_icon {
	position: absolute;
	left: 940px;
	bottom: 0px;
}
#navigation_rss {
	position: absolute;
	left: 720px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #897567;
	line-height: 2.5em;
}
#navigation_rss li {
	display: inline;
}
#navigation_rss li a:link, #navigation_rss li a:visited {
	color: #fffffe;
	text-decoration: none;
	padding: 0px 2px;
	letter-spacing: -0.05em;
}
#navigation_rss li a:hover {
	color: #eed2a1;
	text-decoration: none;
}

Formateo multilínea con sangrías según la categoría y subcategoría

.navigation_rss_icon {
    position: absolute;
    left: 940px;
    bottom: 0px;
}
#navigation_rss {
    position: absolute;
    left: 720px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #897567;
    line-height: 2.5em;
}
    #navigation_rss li {
        display: inline;
    }
        #navigation_rss li a:link, #navigation_rss li a:visited {
            color: #fffffe;
            text-decoration: none;
            padding: 0px 2px;
            letter-spacing: -0.05em;
        }
        #navigation_rss li a:hover {
            color: #eed2a1;
            text-decoration: none;
        }

Formateo en una sola línea

div.wrapper { margin:0 auto; padding:200px 0 0 0; width:960px; z-index:2 }
ul.nav { position:absolute; top:0; left:430px; padding:120px 0 0 0 }
ul.nav li { display:inline; margin:0 10px 0 0 }
div.column { float:left; margin:0 70px 0 0; padding:0 0 0 70px; width:340px }
div.post_wrapper { background:url(http://cdn.images.elliotjaystocks.com/presentation/hr_long.png) bottom center no-repeat; margin:0 0 40px 0; padding:0 0 40px 0 }
div.wrapper img, div.wrapper a img, div.article_illustration_mini { background:#d3d4cb; padding:10px; border:1px solid #999 }
div.wrapper a:hover img { background:#fff }

Combo

.navigation_rss_icon {
    position: absolute;
    font-size: 12px; font-weight: bold;
}

Vuelvo a reiterar en gustos, no hay nada escrito. Este artículo esta basado en un artículo de CSSBlog.es

Artículos relacionados

• Próximos eventos del Software Libre (0)
• Menu CSS (0)
• Wordpress Drop Down menu usando JQuery (0)
• Youtube y Digg dejarán de ofrecer soporte a usuarios de IE6 (1)
• LopeEdit 5.5 (3)

Además realizará el primer Moz Camp Hispano donde se analizará cómo la comunidad hispana puede contribuir de mejor forma al funcionamiento del navegador.

Fundación Mozilla será el principal aupiciador de las Jornadas Regionales del Software Libre que se realizarán entre el 7, 8 y 9 de octubre de este año. Este evento será el primero de su tipo que se realizará en Chile y se espera una gran asistencia de toda Latinoamérica.

El auspicio de Mozilla permitirá contar con la exposición de cinco de sus principales miembros, Rey Bango, Pascal Chevrel, Daniel Mills, Seth Bindernagel y Chris Hofmann. Éste último es Director de Ingeniería y Proyectos Especiales de Mozilla Foundation y ha estado a cargo de cosas tan distintas como el lanzamiento de Firefox 1.0, mantiene y mejora los contactos con las comunidades de traducción, ha sido coautor de libros sobre Firefox y Thunderbird, y además está impulsando la creación y entrada en funcionamiento de un sitio web de asistencia a usuarios de Firefox mantenido por la propia comunidad.

Además los dos días previos a las JRSL, 5 y 6 de octubre, se realizará el primer Moz Camp Hispano, que será organizado y patrocinado por la Fundación Mozilla; en esta instancia se determinará cómo la comunidad hispana puede contribuir de mejor forma al funcionamiento del navegador y para esto contará con la participación de 30 invitados de toda América Latina.

Fuente: JRSL 2009

Artículos relacionados

• Reportaje Charla Floss USM Concepción (2)
• Próximos eventos del Software Libre (0)
• Google libero el codigo con el cual se implementa protocolo Wave (0)
• Youtube y Digg dejarán de ofrecer soporte a usuarios de IE6 (1)
• Cobol inmortal, presente en USPS (2)

HTML5

Antes de seguir habría que aclarar que HTML5 sigue en borrador y lo seguirá estando durante algunos años más. El enfoque general ha cambiado bastante respecto a versiones anteriores de HTML, añadiendo semántica y accesibilidad implícitas, especificando cada detalle y borrando cualquier ambigüedad. También se tiene en cuenta que muchas páginas web actuales son dinámicas, pareciéndose más a aplicaciones que a documentos. Algo básico es que HTML5 está definido en base al DOM (la representación interna de una web con la que trabaja un navegador), dejando de lado la representación “real”, definiendo a la vez un estándar HTML y XHTML.

Mejor estructura

Hoy en día se abusa bastante del elemento div, que nos permite estructurar una web en bloques. En HTML5 hay varios elementos que sirven para estructurar mejor una página web, estableciendo qué es cada sección, y reemplazando en muchas ocasiones a div. Con este extra de semántica, será mucho más coherente y fácil de entender por otras personas. Y lo que es más importante, será trivial de entender para una máquina, dándole más importancia a unas secciones y pudiendo jugar con esos datos automáticamente. Concretamente, la tarea de un buscador será mucho más fácil, pero cualquier aplicación que “lea” páginas web se beneficiará. Estos son los elementos:

• section representa una sección “general” dentro de un documento o aplicación, como un capítulo de un libro. Puede contener subsecciones y si lo acompañamos de h1-h6 podemos estructurar mejor toda la página.
• article representa un contenido independiente en un documento, el caso más claro son las entradas de un blog o las noticias de un periódico online. Así, dentro de la portada podremos tener varios artículos demarcados semánticamente, por lo que una herramienta puede extraerlos fácilmente.
• aside representa un contenido que está muy poco relacionado con el resto de la página, como una barra lateral. Esencial para delimitar el contenido “importante” del contenido “de apoyo”, haciendo más caso al primero que al segundo.
• header representa la cabecera de una sección, y es de suponer que se le dé más importancia que al resto, sobre todo si la sección es un artículo.
• footer representa el pié de una sección, con información acerca de la página/sección que poco tiene que ver con el contenido de la página, como el autor, el copyright o el año.
• nav representa una sección dedicada a la navegación entre el sitio, como la típica barra superior de los periódicos.

En la anterior imagen vemos un ejemplo de cómo cambiaría un documento escrito en HTML normal a HTML5 con estos elementos.

Fuente: AnexoM

Artículos relacionados

• Tag video en HTML5 esta en conflictos (0)
• LopeEdit 5.5 (3)