Favicon es el icono que aparece al lado de la url en nuestro navegador. Si estas mas interesado en su día escribí una pequeña entrada sobre estos iconos.
El caso es que han publicado un editor online desde el cual podemos crear favicons y al mismo tiempo previsualizarlos. Echarle un vistazo, porque sin duda, es la herramienta perfecta para crear fácilmente este tipo de iconos.
Más información en: favicon.cc
DOM (Document Object Model) es un conjunto de objetos que permiten modificar dinámicamente el contenido de documentos estructurados mediante lenguajes como Javascript.
Si usas DOM habitualmente para modificar los contenidos de una página Web, la herramienta DOM Tool te ahorrará mucho tiempo ya que convierte código HTML a DOM, vamos ideal para no tener que estar escribiendo muchas lineas. Aquí os dejo un ejemplo:
Código HTML
<h2>Esto es un h2</h2>
<p>Esto es un parrafo <a href="http://test.com">con un enlace</a></p>
Código DOM generado
var h21=document.createElement('h2');
var txt1=document.createTextNode('Esto es un h2');
h21.appendChild(txt1);
var p1=document.createElement('p');
var txt3=document.createTextNode('Esto es un parrafo ');
p1.appendChild(txt3);
var a1=document.createElement('a');
a1.setAttribute('href','http://test.com');
p1.appendChild(a1);
var txt4=document.createTextNode('con un enlace');
a1.appendChild(txt4);
Más información: DOM Tool
Hasta hace poco pensaba que Zend Studio era el mejor entorno de desarrollo para programar en PHP, sobretodo porque estaba desarrollado por Zend. Todo esto hasta que conocí EasyEclipse, un proyecto basado en Eclipse, que ofrece diferentes distribuciones para varios lenguajes de programación. Tienen, por ejemplo, una distribución para PHP, otra para Ruby, Python, e incluso una llamada LAMP que incluye todos estos lenguajes juntos.
Bueno al grano que siempre me enrollo demasiado. Hoy mi compañero de trabajo Miguel Ángel me ha dejado el siguiente enlace en mi del.icio.us:
Get Eclipse! Simple, fast, on demand [beta]
Al comprobarlo me he quedado boquiabierto. Se trata de un servicio Web en el cual podemos montar nuestra propia distribución Eclipse en cuestión de segundos. Simplemente tenemos que ir seleccionando los plugins que queremos incorporar en nuestra distribución, para finalmente descargarla y disfrutar de un entorno de desarrollo a nuestro gusto.
Más de uno estará pensando que todo esto ya se puede hacer en Eclipse instalando los plugins independientemente, y es cierto, solo que Eclipse no administra como es debido las dependencias de los paquetes y , por ejemplo, para instalar un plugin uno tiene que tener varios paquetes que a su vez necesitan la instalación de otros, y claro, con tanto paquete el proceso se vuelve muy pesado y largo. Esta Web resuelve el problema, ya que simplifica la instalación incluyendo directamente en la distribución los paquetes que necesita cada plugin seleccionado por el usuario, vamos como APT en GNU/Linux.
Para que os hagáis una idea de una distribución, esta es la que acabo de hacer:
- PHPEclipse - editor para PHP
- Aptana - editor Javascript, CSS, XHTML. Para Javier Perez el IDE perfecto, merece la pena leer la entrada.
- Eclipse SQL - cliente SQL
- Subversive - cliente para subversion
- QuickRex - para jugar con expresiones regulares
- Xpath-Developer - editor xpath
En cuestión de segundos he creado un entorno de desarrollo de lo mas completo, que incluye todo lo que necesito para poder programar cómodamente. Seguro que se podrían añadir más funcionalidades, pero esto ya es cuestión de ir probando más plugins.
favicon.ico es ese pequeño icono asociado a una Web que aparece junto a la url del navegador. Es parte de la identidad visual del sitio Web igual que lo es el logotipo. Basta con visitar el siguiente collage para ver como relacionamos un icono con una Web.
Existen dos tipos de favicons, por un lado el estático en formato .ico y por otro el animado en formato .gif. En ambos casos hace falta incluir en la cabecera (<head> </head>) del fichero HTML la etiqueta link. Esta varía dependiendo del tipo de favicon:
- estático <link rel=”shortcut icon” href=”favicon.ico” >
- animado <link rel=”icon” href=”animado_favicon.gif” type=”image/gif” >
Si no sabes hacer iconos o gifs animados y lo que deseas es crear un favicon a partir de una imagen, te recomiendo que visites favicon from pics. Ahora si lo que quieres es usar un editor online de iconos puedes visitar el siguiente enlace. También tienes un generador a partir de palabras, lo encontrarás en antifavicon.com.