Básicamente para esto sirve thumbnoo, un script basado en mootools de fácil instalación con el cual podremos mostrar una imagen en un tamaño determinado y que gracias a thumbnoo si clicamos sobre ella se ampliará, sin recargar la página, sin pop-ups y sin ningún tipo de dialogo nuevo. Como siempre, aquí esta la demo para ver lo que obtendremos.
Para implementarlo descargamos mootools y thumbnoo y los guardamos en una carpeta, en mi caso thumbnoo. Creamos un .html que guardamos en la misma carpeta de antes con el nombre que queramos (yo lo he llamado thumbnoo). Continuamos editando nuestro .html llamando a las dos librerías:
[html]
[/html]
Ahora enlazamos la imagen que queramos y llamamos a thumbnoo:
[html]
[/html]
Vamos a ver un poco esta línea. Primero se llama a la imagen, luego se le da un ancho y un alto (será el tamaño de la imagen), luego se llama a thumbnoo, con h le damos el ...
Se avisó por aquí del comienzo de Artfutura, unas de las citas obligadas para los profesionales y apasionados de la cultura y creación digital que ha cerrado sus puertas este pasado domingo 28 dejándonos varias cosas interesantes para echarles un vistazo. Lo primero los ganadores de las diferentes categorías, solamente se mostrarán los trabajos de los que hay vídeo o web, para ver todos a la página:
Creación de vídeo jugos playstation artfutura 2007:
Gran Premio 2007: Galaxy Scraper
3D en España Movistar artfutura 2007:
Tercer Premio: Pocoyo – Zinkia
Segundo Premio: Solos – Fran Rodríguez y David Cobo Diaz /CICE
Gran Premio: Tadeo Jones y El Sótano Maldito – Enrique Gato
3D Artfutura Show 2007:
Segundo Premio: I Lived on The Moon – Yannick Puig
Gran Premio: Oktapodi – Gobelins
Lo segundo la repercusión de artfutura en la blogosfera, que como ya se dijo en esta edición Internet era un factor muy importante, dedicándole casi un día entero ...
Menudo lío que hay montado por todos los sitios con las actualizaciones de PageRank que google está realizando (porque aún no se sabe si esto a terminado o es otra fase más, aun que tiene toda la pinta de que este a sido el punto final), las cuales están perjudicando a blogs que vendían enlaces patrocinados, a las redes de blogs por generar trafico entre ellos y demás situaciones. Muchos están a favor de las penalizaciones, otros no, otros le quitan valor a la barra verde… lo que digo, un culebrón de los que hacen época. En lo que a diarioTHC concierne su PR ha aumentado en dos puntos, pasando a tener un 5 que es una cifra muy considerable y que me ha hecho mucha ilusión, esté o no esté el PR devaluado para fijar la calidad de un determinado sitio.
Vamos a ver que se comenta por los diferentes ...
Buen recurso para todos, de tipografías va la cosa. Es un recopilatorio salido de Blogging Bits divido en varios temas todos relacionados con las fuentes. Empiezan con herramientas (como typetester o csstype), siguen por libros/manuales para crear tipografías, mejorarlas y demás temas, continúan con varios artículos encontrados por la red y terminan con varios sitios donde podemos descargar packs de fuentes.
Enlace: 54 Typography Resourcer Every Design Should Bookmark
Visto en ...
Interesante código basado en jQuery que nos puede servir para crear un sitio con varias paginas con la peculiaridad de poder navegar entre las diferentes secciones sin que se recargue la página. Está testeado en Firefox 1.5 y 2.0, Internet Explorer 5.01, 5.5, 6.0 y 7.0 (este ultimo testeado por mi, solamente el ejemplo que va a continuación, ósea que no sé si funcionan todas las opciones, en teoría si), Safari 2 y Opera 8.5+. Vamos a ver como implementarlo, aquí tenéis una demo del resultado.
Primero nos descargamos pager jQuery Plugin y jQuery (usar para ambas opciones botón derecho sobre el enlace y “Guardar enlace como”). Creamos una carpeta, yo la e llamado jQuery Pager, dentro de la cual metemos las dos librerias js que acabamos de descargar. Seguido creamos un archivo .html y lo guardamos con algún nombre, en este caso jQuery Pager, dentro de la carpeta anterior.
Empezamos ...
Vamos a seguir engordando nuestra biblioteca de brushes para photoshop. En esta ocasión la recopilación llega desde photoshoproadmap que como bien comentan en estos últimos tiempos los recopilatorios de diferentes recursos están sucediéndose a una celeridad asombrosa, reuniendo toda clase de servicios, herramientas o recursos siendo listas cada vez más grandes. En esta conocemos 100 paquetes de pinceles para nuestro photoshop en alta resolución y con temáticas variadas como florales, abstractos, marcos, vectoriales etc.
100 Awesome High Resolution Photoshop Brushes
Visto en blogandweb.com ...
StylishLABS es un blog de muy reciente creación enfocada a diseñadores, programadores, artistas y demás personas que forman la fauna de Internet relacionada con todos esos temas (que es mucha). Son verdaderos profesionales, se ve desde el primer momento en el diseño del blog, la maquetación, la elección de colores etc. Si con esto no fuera suficiente para echarles un vistazo, sacan un pack de iconos RSS en formato vectorial (para illustrator y en .eps que podemos abrir con photoshop) formado por 6 iconos de una calidad excepcional donde mantienen la imagen general que todos tenemos en la cabeza cuando se habla de feed RSS pero añadiendo toques que le dan un muy buen aspecto, estilo 2.0. Lo dicho, recomendable seguir a estos chicos y descargar su pack de iconos RSS.
Descargar
Enlace: stylishlabs.com
Visto en: artegami.com ...
Ayer comentaba el lanzamiento de la versión final de Gimp, la 2.4 que trae muchas mejoras e innovaciones en sus herramientas y menús. Hoy me entero a través del blog de JesuSdA (un apasionado de software libre, en especial de todos los programas relacionados con el diseño, manipulación de imágenes, creación etc) que ya tenemos el “Manual Oficial de Gimp 2.4 en Castellano” para todos los seguidores de este programa que quieran empezar a profundizar un poco más en él. El manual es extenso pasando por todos los temas de interés, por ejemplo en el primer capitulo hacen referencia a las mejoras de esta última versión. Lo tenemos para leer vía web o descargarlo en .pdf (también está en ingles en html y ...
Una de las máximas autoridades en lo que a usabilidad se refiere es Jakob Nielsen con varias obras sobre el tema como “Ten Usability Heuristics” donde da 10 pautas sobre usabilidad exportables a muchos campos. Desde aguayoki nos lo traducen para goce y disfrute de todos:
1.- Visibilidad del estado del sistema
El sistema siempre debe mantener informado al usuario acerca de lo que está pasando, utilizando para ello un feedback adecuado y en un tiempo razonable.
2.- Concordancia entre el sistema y el mundo real
El sistema debe hablar el lenguaje del usuario, con palabras, frases y conceptos familiares a él, más allá de los términos orientados al sistema. Se deben seguir las convenciones del mundo real, logrando que la información aparezca en un orden lógico y natural.
3.- Control y libertad del usuario
Los usuarios escogen frecuentemente por error algunas funciones del sistema, y necesitan de una “salida de emergencia” claramente rotulada, de ...
Archivado en:
Otros
Tags:
Bueno, bueno, después de varias previas ya está aquí la versión definitiva del programa hermano de photoshop pero en libre, Gimp 2.4.0 con muchas mejoras e incorporaciones en esta versión final como nuevas herramienta de alineación, nuevas herramientas de selección, nuevo diseño en los iconos, pinceles dinámicos, mejoras en la velocidad de procesamiento y un largo etcétera. También se le a pegado un lavado de cara a la web oficial para la ocasión, desde donde podemos descargar Gimp para Windows o para Linux y echarle un vistazo a la nota donde explican algunas de las ...
Ayer el amigo Nikko, responsable de Xyberneticos, me comentaba si le podía echar una mano ya que anda preparando mejoras en el blog y no le daba tiempo a publicar. Muy gustoso acepté ya que escribir en un blog del tamaño de Xyberneticos es todo un honor para mí, porque significa que su autor ve que eres valido para transmitir a un número elevado de personas, que además son sus lectores. Hice tres artículos y parece ser que la experiencia ha sido satisfactoria para todos, así que cuando tenga ratos (que casi no tengo) estaré escribiendo algunas cosillas por esos lares.
Enlace: Xyberneticos
Articulos: 1, 2 y ...
Al parecer tienen su tiempo aun que es la primera noticia que tengo de estos 22 menús hechos en css+xhtml, basados en listas y con la incorporación de imágenes para darles algo más de vistosidad. Son todos verticales con una previa de cada uno de ellos. Su implementación es tan simple como copiar el código css (llamándolo desde fuera del .html o dentro de él), guardar las imágenes necesarias y enlazarlas desde el css. Finalmente creamos la estructura html necesaria.
Enlace: 22 menús verticales en CSS listos para ...
Sencilla herramienta para crear gifs animados en minutos. Podemos “cargar” hasta 3 imágenes diferentes o importarlas de Flickr y Picasa (con las que se hará la animación, saltando de la primera a la segunda y de esta a la tercera para volver a empezar), luego indicaremos el tamaño pudiendo escoger entre 4 opciones o indicando nosotros un numero y finalmente damos la velocidad a la cual se hará el pase entre imágenes también pudiendo elegir entre 5 opciones o configurar nosotros la velocidad que queramos. Pulsamos en “Create animation” nos saltará una nueva ventana donde veremos una previa de nuestro gif, un enlace a la animación (para guardarla picamos sobre ella botón derecho y “guardar imagen como”) y el código html para poder embeber el gif donde queramos.
Enlace: picasion.com ...