viernes, 30 de marzo de 2007

Cómo instalar 3 versiones de Internet Explorer en Linux (probado en Ubuntu feisty fawn)

Gracias a IEs4Linux y wine podemos instalar tres versiones de Internet Explorer (IE6, IE 5.5 y IE5) con flash player 9 en Linux.

Una captura de la tres versiones funcionando al mismo tiempo en mi escritorio :D



Las instrucciones para instalar estas tres versiones de IE se pueden encontrar en la web del proyecto. Yo a continuación pongo los pasos que seguí para instalarlo en mi ubuntu feisty fawn:

1) Abrir el sources.list:

sudo gedit /etc/apt/sources.list

2) Añadir el repositorio de Wine al sources.list y cerrar guardando (lista de repositorios Wine para Ubuntu):
deb http://wine.budgetdedicated.com/apt feisty main

3) Actualizar la lista de paquetes:
wget -q http://wine.budgetdedicated.com/apt/387EE263.gpg -O- | sudo apt-key add -

sudo apt-get update

4) Instalar wine y cabextract:
sudo apt-get install wine cabextract

6) Descargar e instalar IEs4Linux:
wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz

tar zxvf ies4linux-latest.tar.gz

cd ies4linux-*

./ies4linux

Acabado el proceso de instalación se crean tres lanzadores en el escritorio (uno para cada versión) y una carpeta bin en /home/tu_usuario/ con tres lanzadores que enlazan a su correspondiente versión dentro de la carpeta ./ies4linux/bin/ , que es donde se encuentran los archivos ejecutables. Poniendo la ruta al ejecutable en la consola también se ejecuta el programa. A elegir según versión de ie:
.ies4linux/bin/ie5
.ies4linux/bin/ie55
.ies4linux/bin/ie6

Cómo hacer para que un contenido de tu blog aparezca sólo en la página de portada o de archivo

¿Complicado?, ¡pues no!

Simplemente debes de encerrar el código de la plantilla de tu blog (blogger) que deseas que aparezca solamente en la portada o en la página de archivo, entre los "tags" <MainOrArchivePage> </MainOrArchivePage> .

Ejemplo:

<MainOrArchivePage>
<div>
<h2>Esto es un ejemplo</h2>
<ul>
<li>Ejemplo 1</li>
<li>Ejemplo 2</li>
</ul>
</div>
</MainOrArchivePage>

Al ser interpretado el código de tu plantilla por la API de Blogger, sabrá que hacer con el contenido de estas etiquetas que obviamente no forman parte de html 4.01. No funciona en entradas.

jueves, 29 de marzo de 2007

Cómo hacer un mini-banner ó botón de 85x15

Hay múltiples y variadas formas de crear esos pequeños mini-banners o botones de 85x15, la más común es usando photoshop, gimp o cualquier editor de imágenes. Pero... ¿cual es el tipo de letra adecuada, que colores debo usar?

No hay ninguna regla que defina como debe de ser un buen mini-banner o botón de 85x15. En la práctica simplemente se crea una imagen de 85 px de ancho y 15 px de alto con fondo blanco, se le aplica un borde negro de 1px, se deja 1px de distancia entre el relleno y el borde negro, se escribe un texto usando el tipo de letra Silkscreen a 8px (si no la tienes instalada la pudes conseguir aquí) y se guarda en formato png o gif.

Otra forma más sencilla de crear estos mini-baners es visitando uno de estos sitios web, donde simplemente seleccionando los colores que vas a usar y el texto, te crearán tu imagen en un instante:

Brilliant Button Maker
Es el más completo que conozco, te permite usar imágenes a modo de logotipo y colores para crear tu imagen.

Button Maker
Algo más sencillo que el anterior, sólo permite crear la imagen de tu mini-banner usando texto y colores.

Ejemplo, un botón de curiosidades web (WB):



Seguro que poniendo button maker en google encuentras muchos mas ;)

Esto último Vía: 2creativo.net/2blog

Cómo cambiar el chmod a varios archivos/subdirectorios al mismo tiempo

Estas indicaciones están enfocadas a Linux.

Estás intentando instalar mambo o joomla en tu servidor local (localhost), y en el proceso de instalación te pide que le cambies los permisos a varios archivos y/o directorios, tarea laboriosa que te puede llevar varios minutos, ¿Como cambiarlos todos de un plumazo?

Existe una forma de cambiar el chmod de todo lo que contenga un directorio (archivos, subdirectorios, archivos de subdirectorios...) con una sola orden en el terminal. Para ello basta con usar la opción -R (recursivo) después de la palabra chmod. Un ejemplo en ubuntu:

 sudo chmod -R 777 ./www

Con esto estamos cambiando los permisos a todo lo que haya dentro de la carpeta www que se encuentra en el directorio /home/usuario/.

Existe otra forma de cambiar los permisos de forma masiva, pero no se comporta igual. Consiste en añadir un asterisco (*) al final del directorio que queremos cambiar los permisos. Un ejemplo:
 sudo chmod 777 ./www/*

Esto nos cambiariá los permisos de los archivos y subdirectorios que contiene el directorio www, pero no los archivos que contienen los subdirectorios.

Obviamente al dar un chmod 777 a un archivo, estamos permitiendo que cualquiera pueda acceder a él para leerlo, ejecutarlo o modificarlo. Para elegir el chmod adecuado a tus necesidades echa un vistazo a esta página:
http://www.guia-ubuntu.org/ind...

Para más información pon en tu terminal: man chmod

miércoles, 28 de marzo de 2007

La verdadera historia de como conseguí quitar la barra de google en la nueva versión de blogspot

Era un gris y lluvioso día de primavera, los pajaros habían dejado de cantar, los truenos sonaban cada vez más fuertes y la barra de google planeaba desafiante sobre el template "Thisaway Green" de mi blog.

Decidido a acabar con ella recurrí a los sabios de la web para aconsejarme de como vencerla y hacerla desparecer para siempre, pero los antiguos trucos de poner las etiquetas <noembed></noembed> entre la etiqueta <body>, o manipular el css del identificador b-navbar, ya no funcionaban bien:

Esto funcionaba en la anterior versión beta de Blogger, en la nueva no:
#b-navbar {
height:0px;
visibility:hidden;
display:none
}

Esto no lo recomiendo, es mejor usar CSS:
<noembed><body></noembed>

Por si esto fuera poco, el identificador del iframe de la barra de google había cambiado en el nuevo Blogger y ahora se llamaba "navbar-iframe". Así que decidí usar mi ingenio e indicar los valores en las etiquetas de style apuntando a este nuevo identificador:
Este es el iframe de la barra de google:
<iframe src="#" marginwidth="0" marginheight="0" id="navbar-iframe" frameborder="0" height="30" scrolling="no" width="100%"></iframe>

Estilo CSS a indicar en la hoja de estilos o entre las etiquetas <style></style> para ocultar la barra de google en el nuevo Blogger:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Mi ataque surtió efecto, pero no como yo esperaba, ya que la barra de google había desaparecido, pero continuaba habiendo un espacio en blanco entre el comienzo de la ventana y la cabecera de mi blog. Parecía como si hubiera un margen definido, aunque el CSS del elemento body o del identificador "wrapper" (según el template el identificador puede cambiar, en algunos es content y en otros wrap) no había nada que indicase tal cosa, y tampoco directamente sobre los tags:
Esta es la primera capa del blog, la "caja" que lo contiene todo:
<div id="wrapper"></div>

Fue entonces cuando se abrió un rayo de esperanza en el cielo nublado y me dí cuenta de que había un enlace hacia una hoja de estilos llamada "classic.css" en un directorio con el nombre de "navbar". La llamada se hacía justo antes de cerrar la etiqueta head (</head>), por lo que pusiese lo que pusiese en el del documento entre las etiquetas <style></style>, prevalecería lo definido en esta hoja de estilos (prevalece siempre lo último definido en el orden de cáscada):
Código que introduce Blogger automáticamente para importar una hoja de estilos que es usada para colocar la barra de google. Hay que observar que @import es CSS2, por tanto esta llamada no funcionará en un navegador que no lo soporte:
<style type="text/css"><br />@import url(http://www2.blogger.com/css/navbar/classic.css);<br />div.b-mobile {display:none;}<br /></style>

Dentro de esa hoja de estilos, se define un margen superior de 30px para el identificador "wrapper" (templates Thisway p.ej.) y 34px para el identificador "wrap" (templates TicTac p.ej.), que es justo el problema que tenía:
/* for Thisaway, Moto */
body #wrapper {
margin-top:30px;
}

/* for No.897 */
body #wrap #wrap2 #header {
margin-top:0;
}

body #wrap {
margin-top:34px;
}

No me quedó más remedio que indicar un margen superior de cero píxels en la misma etiqueta <div> del identificador "wrapper" (recordad que este identificador varía según el template):
<div id="wrapper" style="margin-top: 0;"></div>

Esta herida mortal acabó definitivamente con la malvada barra de google y nunca más se supo de ella.

FIN

¿De donde viene el nombre de Mozilla?

Mozilla es el nombre interno o nombre clave que recibió la primera versión de Netscape. Al parecer el nombre de Mozilla viene de la contracción de las palabras MOsaic-killer y GodZILLA (MO-ZILLA).

Mosaic fue el primer navegador Web capaz de mostrar imágenes, apareció en 1993 de la mano de la NCSA y su desarrollo fue abandonado en 1997. Uno de sus autores, Marc Andreessen, fue también co-fundador de Netscape, navegador que sustituyó a Mosaic, de ahí lo de "Mosaic-killer".

¿Y que tiene que ver godzilla en todo esto?. Es la parte más "freak" de la historia y tiene que ver mas bien con el sentido de humor de los creadores de Netscape, ya que denominaron a este como el "asesino de Mosaic y de godzilla".

¿Por que el "User Agent" de los navegadores empieza casi siempre por Mozilla?

Quizás alguna vez, al visitar el panel de control de tu alojamiento web para ver las estadísticas de los visitantes, te hayas percatado que el User Agent de casi todos los navegadores --incluido Internet Explorer-- empieza por Mozilla, ¿Por que sucede esto?

Pues bién, este es un legado de la guerra de navegadores de mediados/finales de los 90. Netscape sacó su primer navegador con el nombre clave de Mozilla, que pronto alcanzó una notable popularidad, llegando a ser el navegador más usado con más de un 80% de la cuota de mercado. Así pues, los desarrolladores empezaron a dirigir sus diseños a este navegador identificandolo mediante su User Agent (en adelante UA). Cuando los competidores de Netscape comenzaron a igualar o incluir las capacidades que ofrecia este, se vieron obligados a introducir la palabra Mozilla en su UA para que los diseños enfocados a Netscape se viesen también en sus navegadores.

Como consecuencia de esto, hoy día prácticamente todos los UA de los navegadores Web comienzan por Mozilla y la versión del navegador se indica entre paréntesis.

Ejemplos, el primero de Netscape 2 en OS/2, el segundo de Opera 8.50 en XP, el tercero Firefox en Debian y el cuarto IE 7 en Vista:

-Mozilla/3.0 (OS/2; U)
-Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; en) Opera 8.50
-Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.2) Gecko/20070220 Firefox/2.0.0.2
-Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)

En la edición inglesa de Wikipedia hay una ámplia lista de los User Agent de los diferentes navegadores existentes:

http://en.wikipedia.org/wiki/User_agent

¿Necesitas texturas?

¿Necesitas texturas para fondos de pantalla, para gimp o para cualquier otro uso?

Tal vez te interese esta web, en ella encontrarás multitud de texturas para fondo de pantalla:

http://www.grsites.com/textures/

Una presentación muy mejorable, pero funcional; y con categorías para hacerte más sencillo encontrar lo que buscas. Si aún no la conoces visitala y verás la gran cantidad de texturas que hay :D

martes, 27 de marzo de 2007

Libro: Diseño web, guía de referencia

Título: Diseño web, guía de referencia.
Autor: Jennifer Niederst Robbins.
Editorial: ANAYA Multimedia.
Año de publicación: 2006 (2007 traducción española).
Imágenes:


Más información sobre este libro en este enlace correspondiente a su editorial española:
http://www.anayamultimedia.es/cgi-...

Mi valoración:
Cualquiera que haya intentado crear una página web en (x)html sin programas como dreamweaver o similar (quizás incluso con estos), se habrá percatado de la gran cantidad de estándares que intervienen en el desarrollo web: codificación de caracteres; etiquetas de marcado en uso y desuso; estilos CSS de primer nivel, segundo y --ahora-- tercer nivel; JavaScript... ¡Que lío! Es indudable que para realizar un buen trabajo se debe contar con buenas herramientas. En el caso del desarrollo Web, además, es indispensable estar al día y disponer de un buen apoyo de referencia.

Una de las razones que me llevó a elegir este y no otro libro, fue sin duda su inmenso índice de contenidos, otra fue la alta valoración que tiene en Amazon y los comentarios de los que lo habían comprado, recomendándolo y poniéndolo por las nubes. Lo cierto es que después de comenzar a leerlo no me ha decepcionado en nada: 928 páginas maravillosamente escritas con un lenguaje ameno y una amplia variedad de temas, lo han convertido en mi preferido y aunque aún no lo he terminado a cada página que avanzo me gusta mas...

Se tratan ampliamente los estándares de estructuración, poniendo especial atención a XML y las DTD, así como las más importantes aplicaciones XML que han ido apareciendo en la Web (RSS, MathML, SVG). Se enumeran y describen todas las etiquetas html 4.01/xhtml 1.0. Hay más de 200 páginas dedicadas a CSS donde describe por completo la especificación 2.1.DOM, JavasCript, los formatos gráficos para la Web (gif,png,jpg...).

Describir todos los contenidos me llevaría mucho texto y tiempo, así que para quien quiera saber más sobre los contenidos recomiendo leer el índice, que está en el enlace de arriba.

Junto a las explicaciones de cada capítulo se incluyen direcciones de internet relacionadas, algunos enlaces son tan importantes como la especificación completa de un estándar y su traducción al español, otros te llevan a interesantes artículos sobre técnicas de diseño.

Respecto a la actualidad de los contenidos, con decir que tiene presente a internet explorer 7, xhtml 2.0 y el borrador de la especificación CSS de tercer nivel, sobra decir que está al día, vamos, teniendo en cuenta como avanza este mundo y el tiempo que se tarda en escribir un libro y ponerlo en venta, está razonablemente al día (en realidad este libro ha pasado por varias revisiones).

Lo que no vas a encontrar en este libro es un manual de uso de php, asp, ActionScript, Mysql y demás lenguajes de programación o bases de datos. Esto obviamente corresponde a otro extenso libro específico para cada uno.

En definitiva un estupendo libro que recomiendo a cualquiera que desee aprender y obtener una amplia base en el desarrollo web.

Libro: Flash MX 2004 ActionScript

Título: Flash MX 2004 ActionScript.
Autor: Daniel de la Cruz Heras.
Editorial: ANAYA Multimedia.
Colección: Guías prácticas.
Año de publicación: 2004.
Incluye: CD-ROM con ejemplos y las versiones de demostración de Dreamweaver MX 2007 y Flash MX 2007
Imágenes:


Más info sobre este libro, su índice de contenidos y datos técnicos en este enlace:
http://www.anayamultimedia.es/cgi-...

Libro: HTML 4.1

Título: HTML 4.1.
Autores: Alonso Álvarez García y Jose Ángel Morales Grela.
Editorial: ANAYA Multimedia.
Colección: Guías prácticas.
Año de publicación: 2003.
Incluye: CD-ROM con ejemplos y software para windows.
Imágenes:


Más info sobre este libro: contenido y especifiones; en este enlace:
http://www.anayamultimedia.es/cgi-...

Libro: php 4

Título: php 4.
Autor: Esteban Trigos García.
Editorial: ANAYA Multimedia.
Año de publicación: 2000.
Incluye: CD con ejemplos, software y la documentacion (el manual) de php 4.
Imágenes:



Más info sobre el índice y demás datos técnicos del libro en este enlace:
http://www.anayamultimedia.es/cgi-...

Mi valoración:
El gran problema de este libro es que queda ya algo anticuado. Este libro salió a la calle el año 2000, cuando recién acababa de ser lanzado php 4.El desarrollo de la versión 4 de php ha avanzado mucho en estos 6/7 años y algunas cosas importantes de las que habla este libro ya no son usadas o han quedado desfasadas.

El ejemplo más claro de esto es el uso de Register Globals, que en php 4.2 pasó a ser desaconsejado por problemas de seguridad.Register Globals viene desactivado por defecto desde esta versión (4.2) y en su lugar se aconseja el uso de Superglobales, que a su vez están disponibles desde la v4.1 de php. En este libro esto ni se menciona, simplemente porque es anterior a todo esto...

Por lo demás, este libro sirve para conocer la sintaxis de php (variables, operadores, instrucciones), explica como crear funciones, arrays, como manipular cadenas o directorios, las funciones de fecha y hora, como conectar php con mysql, el uso de cookies y sesiones... y en definitiva lo necesario para adquirir una buena base en php. También contiene algunos ejemplos prácticos de uso, que podremos verlos en funcionamiento usando el CD-ROM que incluye.

En el CD-ROM además de los ejemplos prácticos, hay software para windows, algo anticuado ya eso sí, como ie 5.0 y 5.5, Netscape 4.5 en español y 4.73 en inglés; y lo necesario para montarte un servidor local (apache 1.3, mysql, php...). También trae una versión del manual de php en inglés.

En definitiva un buen libro para empezar a conocer php4, pero que ya queda anticuado. Si estás interesado en este libro mi consejo es que busques uno más actual, además siempre podrás echar mano del manual php en español.

Libro: Flash MX 2004 - Trucos Esenciales

Título: Flash MX 2004 - Trucos Esenciales.
Autor: Shane Elliott.
Editorial: ANAYA Multimedia.
Año de publicación: 2004.
Imágenes:


Más información sobre el índice y demás datos técnicos en este enlace de la editorial:
http://www.anayamultimedia.es/cgi-...

Mi valoración:

Libro: Guía de campo de Linux

Título: Guía de campo de Linux.
Autor: Francisco García Jimenez.
Editorial: Ra-Ma.
Año de publicación: 2004.
Imágenes:


Más información sobre este libro en este enlace, donde está el índice y algunos datos técnicos:
http://www.ra-ma.es/libros/0001737.htm

Por lo visto ya hay una segunda edición de este libro.

Mi valoración:

lunes, 26 de marzo de 2007

Libro: DHTML y CSS

Título: DHTML y CSS.
Autor: Xavier Colomés Fornós.
Editorial: ANAYA Multimedia.
Año de publicación: 2002.
Imágenes:


Más información en este enlace, en el que están el indice del libro y todos los datos técnicos:
http://www.anayamultimedia.es/cgi-...

Mi valoración:

Apoyando a ubuntu

Para quienes aún no hayan probado linux va esta entrada.

Si quieres un sistema operativo estable, en constante desarrollo y libre; linux es sin duda una de las mejores opciones. Si además quieres una gran cantidad de software gratuito (y libre), para hacer de casi todo lo que puedas necesitar, entonces no cabe duda de que lo que necesitas es una distribución linux. Y por último si buscas sencillez de uso, te recomiendo que prubes ubuntu ó kubuntu.

Fácil de instalar y cada vez mas sencillo de configurar, desarrollado sobre una potente base como es debian con su apt-get, mucha información y cada vez más usuarios: esto es lo que me ha llevado a elegir ubuntu.

Hasta el pasado mes de febrero de este 2007 y a pesar de que ya había probado varias “distros” distintas (debian, fedora, suse..), no me había propuesto dejar de usar windows definitivamente en mi ordenador de escritorio, pero ya llevo mas de un mes y he logrado satisfacer casi todas mis necesidades con ubuntu: programar, navegar, ver vídeos, escuchar música... ¡YA NO USO WINDOWS!

Hasta tal punto que me siento estraño cuando arranco desde el grub y elijo windows XP y me tengo que esperar casi 2 minutos o más para que se cargue, luego esperar a que el antivirus actualice las definiciones de virus... y no digamos cuando voy a instalar un programa y ando buscando el icono de la consola xD

Tan sólo hecho ya de menos algunas aplicaciones comerciales como Flash, y es que el pasado verano adquirí la licencia de Flash 8 Basic que me costó casi 500 euracos, y como para no usarlo. Pero bueno, para esto tengo el portatil, que me traía Windows XP preinstalado, y ya que es original lo puedo usar sin remordimientos de conciencia...

Si tu también quieres probar ubuntu, pincha en el enlace que he añadido en la barra de la derecha, tranqui que no es publi ni nada como los otros de google xD, este te lleva directamente a la web de ubuntu para que te puedas descargar la última versión estable.