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.
Con esta técnica podremos centrar un DIV de tamaño fijo tanto vertical como horizontalmente, y que se vea bien como mínimo en Firefox e IE7.
#div_a_centrar { position: absolute; left: 50%; top: 50%; height: 200px; margin-top: -100px; // la mitad del height width: 300px; margin-left: -150px; // la mitad del width }Para entender mejor como funciona esto, podemos ver en el siguiente cuadro explicativo:
A la hora de diseñar tenemos unas herramientas muy buenas que, sabiendo usarlas, tienen mucho poder para dar: The Gimp e Inkscape.
Para poder dominarlas y realizar trabajos profesionales, nos hacen falta unos cuantos manuales, desde la lista Ubuntu-AR me llegó un link a el blog de JesusDa, donde encontré una gran cantidad de material al respecto, todo liberado bajo licencias CC.
Hay muchos otros manuales que te pueden ser de gran utilidad. Todo sobre software libre: edición de video, diseño web, gnu/linux, diseño gráfico, etc.
Para poder probar lso diferentes estilos y conocer como afectan a los elementos en donde los aplicamos.
Simplemente excelente
En WebmasterLibre encontré estos muy buenos tutoriales para crear dibujos en vectores usando la aplicación libre Inkscape.
Un excelente recurso web. Se trata de una librería JS que nos permite mostrar «pops» o
«globitos» al pasar sobre hipervínculos. En su sitio web podemos ver como funciona
con varios ejemplos. Además, se puede customizar los colores e inclusive modificar
el estilo del popup.
Para instalarla, tenemos que seguir estos pasos:
1- Copiamos la librería a nuestra carpeta JS en la raíz del sitio. Si no tenés una, creala.
2- Agrego una línea en el <head> para linkear a la librería (no te olvides de modificar la ruta):
3-Inmediatamente despues de la apertura de la etiqueta <body> insertamos esta línea:
con esto definimos una DIV que ocupará todo el sitio y estará por encima de cualquier otro elemento. 4-Finalmente, modificamos los links en los que queremos que aparezca el globo para que queden de esta manera:
Cuando estamos diseñando un sitio siempre surge la necesidad de crear un lindo favicon . Para hacer esta tarea más fácil existe este sitio que nos permite crear nuestro favicon rápidamente a partir de una imagen.
Para agregar el favicon a tu sitio solamente debes agregar la siguiente línea entre las etiquetas <head> del mismo, modificando el atributo ‘href’ con la ruta donde se encuentra el archivo.
<head><link rel='shortcut icon' href='favicon.ico' /></head>
Bueno, decidí crear este blog para ustedes y para mí. Porque muchas veces voy encontrando soluciones a mis problemas y esta bueno dejarlas plasmadas en esta bitácora, para poder ayudar a alguien más y para tenerlas a mano cuando las necesite nuevamente.
Un saludo grande.
Diego
