En Manos de Nadie

En el marco de las 4tas jornadas de sofware libre de la provincia de Catamarca, estoy viajando a esa misma provincia para dar mi charla sobre diseño web con herramientas libres. El evento se llevará a cabo  en el aula magna de la Universidad Nacional de Catamarca. En los próximos días estaré posteando algún material al respecto.

Las charlas serán:

- Software Libre: Primeros Pasos
- Ventajas de Tecnologías Libres en Seguridad Informática
- El Software Libre: Modelos de Negocios
- Diseño Web con Herramientas Libre
- Joomla tu Web de la Noche a la Mañana
- Gestores de Contenido Drupal
- IDE para Microcontroladores
- Catamarca Libre
- Mi Servidor Casero
- Sistemas Operativos: que son y que hacen
- Aprendiendo a Usar la Línea de Comandos de GNU/Linux
- Atacando el Corazón de Linux- Bluethoot en Linux

Los quería invitar a este evento en el cual voy a estar presentando mi charla sobre diseño web con herramientas libres, es de entrada libre y gratuita.

Cronograma de charlas

Conferencias sobre Software Libre en el conurbano bonaerense

El sábado 14 de noviembre, desde las 9 de la mañana y en jornada completa, tendrán lugar las conferencias sobre Software Libre en el conurbano bonaerense, Conurbania 2009, en la Sede Bernal de la Universidad Nacional de Quilmes, Roque Saenz Peña 352 (Bernal).

¿Qué es Conurbania?
Conurbania es un evento para la difusión del software y tecnologías libres dentro del conurbano bonaerense, donde empresas, instituciones, colegios, fundaciones, municipios y público en general participarán de charlas realizadas por profesionales, participarán de talleres técnicos y encontrarán un lugar en el que podrán interactuar directamente con los disertantes y expositores. El evento abarcará tres temáticas diferentes: educación – gobierno – pymes y empresas

¿A quién está dirijido el evento?
Empresarios, profesionales, docentes, estudiantes, tomadores de decisión en el ámbito público, técnicos en general se darán cita en este encuentro que prevé también un amplio espacio para intercambiar opiniones, socializar y compartir una jornada dedicada plenamente al software libre.

Más información sobre este evento en http://www.conurbania.org/

Set de templates CSS predefinidos. Los posteo porque me parecen muy útiles en estos dos casos, si estas aprendiendo CSS podés ver como están hechos, que estilos se utilizan para la maquetación, etc.  Si estas comenzando  un proyecto web, te pueden servir para ahorrarte tiempo o como disparador para darle un nuevo formato al diseño del sitio.

Podés verlos y bajarlos acá.

Bueno, estoy de regreso en Buenos Aires realmente muy pero muy contento porque las Jornadas del Sur fueron un éxito.
3 días de charlas y talleres, gran asistencia de público, buena comida, nuevos y viejos amigos y sobre todo, mucha informática y cultura libre. Todo lo que un geek de sangre puede pedir.

Las fotos:

Encontré este sitio muy bueno que enseña como hacer menús html+css y además ofrece el código de ejemplo de cientos de menús.

Todo usando listas html y estilos css.

Un ejemplo de como sería un menú de este tipo:

Primero la estructura del menú

esto sería el archivo HTML

<div id=”navcontainer”>
<ul id=”navlist”>
<li id=”active”><a href=”#” id=”current”>Item one</a></li>
<li><a href=”#”>Item two</a></li>
<li><a href=”#”>Item three</a></li>
<li><a href=”#”>Item four</a></li>
<li><a href=”#”>Item five</a></li>
</ul>
</div>

y  luego los estilos para darle la forma que queremos:

esto iría en la hoja de estilos CSS

#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

El resultado sería así:

Jornadas del Sur es un evento que incluye, principalmente, una serie de charlas brindadas por oradores de varias provincias del país y cuya temática ronda en torno a la filosofía del cooperativismo, el trabajo colaborativo y la acción solidaria, entre otras.

Simultáneamente se dictan diversos cursos a cargo de personas altamente capacitadas en su correspondiente área, presenciales, con material y certificados.

Todo esto se encuentra enmarcado dentro de las tecnologías de la información porque es allí donde nace el movimiento de la filosofía del software libre, que luego daría origen y se extendería hacia el arte, la literatura, y las demás manifestaciones culturales del ser humano.

¡miren quien está anunciado ;) !
Si todo sale bien, voy a presentar mi charla sobre herramientas libres para desarollo y diseño web.

La meta de Iconpot es simple: recolectar todos los sets de íconos libres que andan dando vueltas por la red y ponerlos a disposición.

Únicamente listan íconos que tienen licencias que permitan el libre uso para proyectos personales y comerciales, y que no exijan links con referencia a los autores de los mismos.

Por fin una buena noticia. Parece que la nueva versión de HTML, la 5, incluye un par de etiquetas que van a facilitar muchísimo la inclusión de video y audio en forma nativa en los sitios web, de la misma forma que hoy incluimos una imagen solo con una etiqueta <img>.

Las etiquetas serían <video> y <audio>. El formato libre utilizado se llama OGG, y esa  extension de archivo se usa tanto para audio como para video, es una tecnología diseñada para dar un alto grado de eficiencia en el “streaming” y la compresión de archivos.

Con esta novedad, ya no hará falta andar instalando “plugins” en el navegador para poder ver los sitios con contenido multimedia. La próxima versión del navegador Firefox (la 3.5 ) ya tendrá soporte para esto, al igual que Opera y Chrome.

Esto puede ser el comienzo del  final del formato cerrado SWF de Adobe, ya que como la companía no quiere liberarlo, no puede ser estandarizado.

Una de las espectativas más grandes es si  Google migrará Youtube a HTML5 + OGG, abandonando la actual implementación en flash.
Si esto sucede, las cosas van a cambiar bastante en el mundo web ¿no te parece?

A pedido de un colega va este requete-mini-tuto de como hacer que el DIV de pie de página quede en donde debe (al fondo del contenedor).

Supongamos una estructura semántica como la siguiente:

<body>
<div id=”contenedor”>
<div id=”encabezado”></div>
<div id=”contenido”>Contenido de la página</div>
<div id=”pie”>Copyleft 2009</div>
</div>
</body>

Bueno, los estilos para cada parte quedarían así:

html, body {
margin: 0;
padding: 0;
height: 100%;
overflow:hidden;
}
#contenedor {
width: 100%;
height: 100%;
background: #DDD;
position: relative;
}
#encabezado {
width: 100%;
background: #CCC;
position: absolute;
top:0;
height:130px;
}
#contenido {
width: 100%;
overflow: auto;
position: absolute;
top: 130px;
bottom: 40px;
}
#pie {
width: 100%;
background: #CCC;
position: absolute;
bottom: 0;
height: 40px;
}

En este sitio podemos crear un gif animado con el texto que queramos
simulando la escritura de una máquina de escribir. Lo interesante es
guardar ese archivo para utilizarlo a gusto, como por ejemplo:

es una buena opción para comentar en redes sociales o foros.