Lo primero que necesitarás será crear un live-USB para instalar Ubuntu desde un Pendrive, ya que el Eee 901 carece de unidad de CD (evidentemente si posees un lector de CD externo puedes saltarte este paso).

Lista de lo que necesitamos tener:

• Pendrive de 1 GB como mínimo.
• Programa UNetbootin. Disponible para Linux y Windows.
• La última versión de Ubuntu EEE.

Uso de UNetbootin en Linux:

• Una vez descargado el programa, será necesario darle permisos de ejecución: chmod ugo+x unetbootin-eeeubuntu-linux-276 (el número final variará dependiendo de la versión del programa)
• Conecta el Pendrive a tu ordenador.
• Ejecuta desde consola el programa como usuario: ./unetbootin-eeeubuntu-linux-276 (te pedirá la contraseña de root).
  
• Tal y como se muestra en la siguiente captura tendrás que seleccionar Imagen de Disco: ISO y la ruta donde se encuentra la imagen en tu disco duro. En Tipo: Unidad USB y la ruta de la unidad. Recuerda que deberás tener conectado y montado el Pendrive antes de ejecutar UNetbottin. Una vez pulsado en Aceptar sólo será cuestión de esperar

Ya con el Pendrive listo, procedemos a la instalación:

• Enciende el Eee Pc y pulsa F2 para entrar en la Bios.
• En la pestaña Boot accede a: Boot Device Priority [Enter] selecciona como 1st Boot Device: Removable Dev. [Esc] para regresar a la pantalla anterior.
• Accede a Hard Disk Drives y selecciona como 1st Drive el USB. [Enter]
• Pulsa F10 para guardar los cambios y salir.

Se reiniciará el sistema, el menú del live-usb nos preguntará que deseamos hacer, aquí o bien puedes seleccionar Default, con lo que podrás hecharle un vistazo a la ubuntu sin necesidad de instalar o directamente ya puede escoger “Install”.

La instalación es realmente muy sencilla, lo único reseñable es el particionado de disco, por defecto trae varias particiones. Una de ellas de 4 Gb y otra de 16 Gb.

Aquí ya depende de lo que prefieras. A mi no me interesaba mantener Xandros por lo que escogí particionamiento manual, eliminé por completo todas las particiones. Dejé en la de 4Gb (/dev/sda1) la instalación base / y en la de 16Gb (/dev/sdb1) /home. Ambas particiones en formato ext3 y sin swap.

Suerte y si tenéis alguna duda aquí estamos

Serán tres días llenos de conferencias y talleres impartidos por 30 expertos en la materia. Este año para los primeros 1000 inscritos habrá una Valija de Regalos, consistente en libros de Microsoft Y los 800 primeros podrán acceder al Curso de Posicionamiento en Google (Niveles Básico, Medio y Avanzado) y a la Clínica SEO donde expertos te dirán qué debes hacer en tu Web para conseguir mejores posiciones en Google (a ver si es verdad… )

Esperemos que este año no se repita el problema de la escacez de enchufes. Y que el nivel de las conferencias no disminuya.

Lo mejor de estos eventos como siempre es el networking, charlar con gente que no ves desde hace tiempo (Jesusda espero volver a verte por allí ) y hacer nuevos colegas.

Si aún no te has apuntado aún estás a tiempo de inscribirte. El precio total por los tres días del congreso son 60 euros (IVA incluido).

Más información:

• Programa de los tres días.
• Más información (cómo llegar, donde alojarse…)
• Foro

Veamos qué hace estas aplicaciones tan especiales…

Aptana Studio

Entorno de desarrollo web Open Source, basado en Eclipse, para el diseño de aplicaciones en JavaScript, Ajax, PHP, Ruby on Rails, HTML y CSS. Entre sus características más reseñables, destacan:

• Autocompletado de código.
• Informa de errores y resaltado de sintaxis en el código.
• Barra de herramientas con Snippets para HTML, CSS y Javascript entre otros. Además de permitir la creación de snippets propios, muy cómodo cuando tienes que repetir un código más de una vez.
• Previsualización del código en un navegador integrado.
• Permite añadir un gran número de plugins y extensiones de forma muy sencilla. Una vez instalado Aptana, accedemos a: Help > Software Updates > Find and Install para instalar nuevos plugins.

Puedes descargar Aptana Studio para Linux, Windows o Mac, desde su página oficial.

Firebug

Herramienta indispensable para cualquier programador web. Se trata de un complemento para Firefox, que permite editar y depurar código css y html de forma online en cualquier página web. Además permite monitorizar la actividad de la red, depuración de código JavaScript…

Una vez instalado Firebug para comenzar a utilizarlo pulsa F12, verás aparecer una ventana en la parte inferior del navegador, si quieres inspeccionar el código de una web, sólo tienes que pulsar en el botón “Inspeccionar” y clickear en alguna parte de la misma.

Página oficial de Firebug

GIMP

La alternativa libre a Adobe Photoshop. Es el programa de diseño y retoque fotográfico gratuito por excelencia. Desarrollado desde hace más de 10 años, ha sabido ganar adeptos con cada nueva versión liberada. Su facilidad de uso, la gran cantidad de tutoriales disponibles, una comunidad de usuarios en español que lo respaldan hacen de GIMP una herramienta de diseño tan completa que no deberías dejar de probar si aún no la conoces.

Descarga GIMP para Linux, Windows o Mac.

De momento estas son las 3 herramientas de desarrollo web que utilizo a diaro. Quizas me estoy perdiendo alguna otra aplicación que no conozca ¿Me recomendáis alguna?

Recordemos que ImageMagick es una herramienta gratuita que permite editar, crear y convertir imágenes en cientos de formatos entre otras cosas. Disponible para Linux, Windows y MAC.

Veamos los comandos más utilizados…

Convertir imagen.jpg en una miniatura de 80×80 llamada imagen-thumbnail.jpg:

convert -sample 80x80 imagen.jpg imagen-thumbnail.jpg

El siguiente comando genera thumbnails de muchas imágenes *.jpg (del directorio donde te encuentres) a formato .gif en un tamaño de 100×75:

mogrify -format gif -thumbnail 100x75 *.jpg

Crear thumbnails de fotografías realizadas con una cámara digital. Observa que he añadido el parámetro -auto-orient, esto permitirá que la foto se rote correctamente de acuerdo a la orientación de la cámara:

mogrify -format gif -thumbnail 100x75 *.jpg -auto-orient

Nota: si al ejecutar este comando obtienes el mensaje: mogrify: unrecognized option -auto-orient es debido a un bug que se soluciona instalando una de las últimas versiones de ImageMagick

Añadir un borde elevado a la imagen thumbnail.gif

convert thumbnail.gif -raise 8x8 imagen_con_borde.gif

Añadir un borde de 6 píxeles de color gris a la imagen mi_foto.gif .

convert mi_foto.gif -bordercolor grey -border 6 imagen_borde_gris.gif

Efecto Polaroid, sobre una fotografía llamada thumbnail.gif, añadiendo un borde blanco de 6 píxeles, un borde gris de 1 píxel y sombra :

convert thumbnail.gif -bordercolor white -border 6 -bordercolor grey -border 1 -background none -background black \( +clone -shadow 60x4+4+4 \) +swap -background none -flatten -depth 8 -quality 95 polaroid.png

Hay muchos más efectos que se podrían aplicar sobre los thumbnails, estos son sólo algunos de los que más utilizo, para una lista extensa te aconsejo visitar la web de ImageMagick. Y para cualquier otra duda, te invito a que participes con un comentario

Technorati Tags: imagemagick, thumbnails, miniaturas, efecto polaroid

El truco es muy sencillo, sólo necesitas una etiqueta <span></span> en el encabezado, un par de clases y una imagen png de 1px con transparencia alpha.

Pasos:

• Crea una imagen (con GIMP por ejemplo) PNG de 1px con transparencia alpha.
• Crea las siguientes dos clases:
  
h1 {
font: bold 330%/100% “Lucida Grande”;
position: relative;
color: #464646;
}

h1 span {
background: url(gradiente.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
• Por último, añade el siguiente código en el body:
  <h1><span></span>Texto con gradiente css</h1>

Por desgracia IE6 no interpreta correctamente los PNGs transparentes, por lo que habrá que utilizar el siguiente hack, introducido en un comentario modal:
<!--[if lt IE 7]>
<style>
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’gradient.png’, sizingMethod=’scale’);
}
</style>
<![endif]–>

En la web del autor puedes ver varios ejemplos.

Technorati Tags: css, css tips

Descargar: Userbars xcf

Technorati Tags: userbar, gimp, xcf, wilber

Utilizando los iconos de FAMFAMFAM y por supuesto con Gimp, realicé este pack de iconos para Xoops, concretamente para el módulo CBB. Como puede que a alguien más le guste, los dejo aquí y si queréis el xcf no tenéis más que pedirlo

¡¡Actualizado!!: Debido a la gran aceptación que han tenido los iconos, los he traducido a 9 idiomas más.

Descarga los iconos para CBB Xoops, en un único pack que contiene los siguientes idiomas: Español, Inglés, Francés, Alemán, Griego, Noruego, Holandés, Persa, Portugués, Ruso y Turco.

Download Icon set for CBB available to: English, French, German, Greek, Nederlands, Norwegian, Persian, Portuguese, Russian, Spanish, Turkish.

• Iconos para Xoops v1.2

Technorati Tags: iconos, icons, xoops, cbb

Las conferencias todas muy entretenidas y muy instructivas. En especial me gustó mucho la ponencia de Christian Van Der Henst, me dio muchas ideas para la Comunidad de GIMP-Es.

Quizás el punto negativo fue la escasez de enchufes para conectar los portátiles y que a falta de una hora para finalizar el congreso nos comentasen que en principio el video de todas las charlas no podía ser distribuido a menos que se pagase 15000 Euros.

En resumen fueron dos días muy completos de charlas muy interesantes y como siempre lo mejor de todo fue el haber podido conocer gente majísima, como Guillermo de Hachemuda, Cristina y Juan de faqOFF, Sergio y Alberto de Viste Adecuadamante entre otros.

Technorati Tags: congreso de webmasters, madrid

El objetivo del concurso es diseñar un nuevo logo para la comunidad utilizando Gimp. El ganador será premiado con una Wacom Bamboo y entre todos los participantes se sortearán tres camisetas que llevarán el logo ganador. Más información en las bases del concurso y en la web de Gimp-Es.

Este concurso no sería posible sin la colaboración de nuestros patrocinadores y de las donaciones recibidas por los usuarios. A todos ellos ¡gracias!

Technorati Tags: concurso, gimp, diseño, wacom

¿Tienes un blog/web relacionado con el Software Libre y aún no estás en Free Software Top? ¿A qué esperas?

Technorati Tags: free software top, ranking, top, free software