Catull es la tipografia que se utilizó para la creación de uno de los logos más famosos del mundo "el logo de Google", la tipografia Catull fue diseñada por Gustav Jaeger en el año 1982 y desde Agosto del año 1999, Google la emplea para su logo.

El problema de esta fuente es que a pesar de poder encontrarla para descargar en algunos sitios es una fuente de pago por lo que deberías comprarla si no la encuentras para descarga en alguna página (aquí se puede descargar).

Escribo esta entrada gracias a que hace unos pocos días mi amigo y gran diseñador Juanpol me explico un buen puñado de cosas acerca de las gráficos vectoriales y me vectorizó el logo de TuFunción.

Los gráficos vectoriales como cabe esperar se construyen a partir de vectores que a su vez están definidos por una serie de puntos que están unidos entre sí.

Los principales elementos de un vector son las curvas Béizer (un sistema que se desarrolló hacia los años 1960 y que fácilmente podría ser objeto de otra entrada...).

Estas curvas dan mucha versatibilidad a la hora de dibujar los vectores por el gran número de posibildades que ofrecen y las convierten en la manera ideal de trabajar cuando se trata de diseño gráfico.

Del mismo modo y como ha sido en el caso del logo de TuFunción sirven para trabajar con textos ya que se pueden modificar y deformar sin límites.

Una de las mayores ventajas del uso de formatos vectoriales es que la resolución de las mismas es infinita y toda imagen vectorial se puede escalar sin limite (principal inconveniente de las imágenes rasterizadas).

Lo llames como lo llames fondo de pantalla, fondo de escritorio, desktop wallpaper o simplemente wallpaper... ¿A quién no le gusta tener un buena imagen de fondo en el escritorio?

A menudo el fondo de escritorio es lo único que un usuario configura en su sistema operativo, es un elemento de decoración y lo más común es que se trate de una imagen estática aunque existen fondos de escritorio animados.

Ya se ha quedado un poco anticuado eso de colocar fondos de escritorios livianos o de un único color y generalmente se ajustan a la resolución de pantalla disponible: 800×600, 1024×768, 1280×1024 píxels o se rellenan los bordes con algún color.

Una de los sitios que más me gustan a la hora de buscar fondos de escritorio es Social Wallpaper, pero si no encuentras ninguno que te guste prueba en una de estas alternativas:

Flickr, InterfaceLift, Socksoff, WallpaperStock, PixelGirlPresents, VladStudio, DualScreenWallpaper, Mandolux, FantasyArtDesign, DeviantArt, DesktopNexus, MyDeskCitiy, Veer, Wallpaper.Sites, Digital Blasphemy, Neon Sight Japan, RealityDreamShip, Hebus.com, PimpMyDesk, Klowner’s Wallpapers, Quality Wallpapers, Balta.ikk.sztaki.hu, Looroll, Souldcore, Wallpaper Joe, GypySpaceMuffin, Aeiko.net, MoodFlow, Shadowness, Free Wallpaper, Free Digital Wallpaper, Mapa.co.kr, GetSkinned, Groovy Screens, MacDesktops, Wooden Fish, End Effect, DJ-Designs, Bitaites.org, Shifted Reality, Streat Dream, Wikipedia, Club VAIO, ThemeXP, Webshots, KDE-Look.org, Customize.org, WinModify.com, WinCustomize.com, Anime, Peorth, Mattosai, NetCarShow, Exotic Car Wallpapers, Desktop Machine, BellaDonna, Desktop Girls, HST Wallpapers, Space Wallpapers, 3couleurs, 9x Media, Brodyaga, WStaylor.net, Gamer Wallpapers, Michael Swanson’s Blog, Arkhipov.com

Esta es una interesante e inútil web en la cual podemos convertir cualquier imagen a código HTML.

La verdad es que hay que estar aburrido para hacer una aplicación que convierta imágenes a código HTML, el funcionamiento es sencillo se cre una tabla de 1x1 píxeles por cada pixel de una imagen asignando a la tabla el color del pixel convertido.

Obviamente se trata de algo curioso pero nada útil... si tenemos en cuenta que una imagen de un tamaño de 3KB al convertirla a HTML nos quedará en 274KB.

Prueba IMG2HTML, este es el resultado por ejemplo del logo de TuFunción en HTML (Ver Código Fuente).

Genial este video que veo en Microsiervos:

Lo llames como lo llames fondo de pantalla, fondo de escritorio, desktop wallpaper o simplemente wallpaper... ¿A quién no le gusta tener un buena imagen de fondo en el escritorio?

A menudo el fondo de escritorio es lo único que un usuario configura en su sistema operativo, es un elemento de decoración y lo más común es que se trate de una imagen estática aunque existen fondos de escritorio animados.

Ya se ha quedado un poco anticuado eso de colocar fondos de escritorios livianos o de un único color y generalmente se ajustan a la resolución de pantalla disponible: 800×600, 1024×768, 1280×1024 píxels o se rellenan los bordes con algún color.

Una de los sitios que más me gustan a la hora de buscar fondos de escritorio es Social Wallpaper, pero si no encuentras ninguno que te guste prueba en una de estas alternativas:

Flickr, InterfaceLift, Socksoff, WallpaperStock, PixelGirlPresents, VladStudio, DualScreenWallpaper, Mandolux, FantasyArtDesign, DeviantArt, DesktopNexus, MyDeskCitiy, Veer, Wallpaper.Sites, Digital Blasphemy, Neon Sight Japan, RealityDreamShip, Hebus.com, PimpMyDesk, Klowner’s Wallpapers, Quality Wallpapers, Balta.ikk.sztaki.hu, Looroll, Souldcore, Wallpaper Joe, GypySpaceMuffin, Aeiko.net, MoodFlow, Shadowness, Free Wallpaper, Free Digital Wallpaper, Mapa.co.kr, GetSkinned, Groovy Screens, MacDesktops, Wooden Fish, End Effect, DJ-Designs, Bitaites.org, Shifted Reality, Streat Dream, Wikipedia, Club VAIO, ThemeXP, Webshots, KDE-Look.org, Customize.org, WinModify.com, WinCustomize.com, Anime, Peorth, Mattosai, NetCarShow, Exotic Car Wallpapers, Desktop Machine, BellaDonna, Desktop Girls, HST Wallpapers, Space Wallpapers, 3couleurs, 9x Media, Brodyaga, WStaylor.net, Gamer Wallpapers, Michael Swanson’s Blog, Arkhipov.com

El retoque digital de las fotografías que aparecen en las revistas de famoseo ya no es una novedad y además puede ser muy divertido ver cómo es el antes y el despues y la gran diferencia que ese cambio alberga.

A golpe de bisturí virtual (no hablo del bisturí de ultrasonido que elimina células cancerosas sin necesidad de intervención quirúrgica) se pueden conseguir cambios realmente sorprendentes.

Si tenemos que definirlo podríamos decir que es una técnica que nos permite obtener una imagen modificada, ya sea para mejorar la calidad y darle más realismo, o para obtener una distorsión de la realidad.

El retoque de una imagen es una técnica que permite obtener otra imagen modificada, ya sea para lograr una mejor calidad o más realismo, o para obtener una composición totalmente diferente que distorsione la realidad. Para llevar a cabo dicho proceso, se utilizan mayoritariamente programas informáticos.

Estos programas informáticos son por ejemplo (Photoshop: Windows) y (Gimp: Linux).

Un problema habitual con el uso de CSS es la falta de estandarización por parte de los diferentes navegadores por lo que hacer un diseño para Explorer no es lo mismo que hacer uno para Firefox.

Para poder aplicar diferentes diseños en una misma hoja de estilo tendremos que usar los Hacks, que no es otra cosa de utilizar reglas que únicamente las entiendan uno de los dos navegadores.

Ejemplo

Este es uno de los trucos CSS más interesantes que he visto en mucho tiempo, el truco nos permitirá mostrar un div u otro dependiendo del navegador que utilizemos o mejor dicho de si tuilizamos Internet Explorer o Mozilla y todo esto sin utilizar Javascript.

El truco está en una de las características de IE que es el no aceptar los comentarios formados por doble barra (//), por lo que cualquier cosa seguida por // lo entenderá como parte del código.
Ej:

// display: hidden;

Una buena combinación nos permitirá mostrar diferentes cosas dependiendo del navegador cómo en el siguiente ejemplo:

Para hacer funcionar este script necesitaremos la librería GD y por supuesto php instalados en tu servidor, con este script funcionando podremos crear thumbnails (previsualizaciones de menor tamaño de una imagen original).

Este script constará de dos funciones, la primeraescaneará un directorio en busca de cualquier imagen en formato ".jpg", para cada una de las búsquedas se crea un thumbnailen un directorio con la ayuda de la librería GD, la segunda función crea un archivo HTML en el mismo directorio en el que se encuentra el script, esta página contendrá todas las imágenes (versión thumbnail) y el correspondiente enlace a la imagen original. La utilidad de este script es muy sencilla con una cuantas mejoras puede convertirse en una buena galería para nuestras imágenes preferidas.

Primera Parte

El código que viene a continuación es una función llamada crearthumb a la que tendremos que dar tres parametros, los dos primeros parámetros corresponden a las rutas de los direcorios que contendrán las imágenes originales y los thumbnails de estas. El tercer parametro es el ancho que queremos para nuestros thumbnails, si te preguntas por qué no hace falta el ancho la respuesta es sencilla porque de esa manera estariamos redimensionando las imágenes y no conservarían su aspecto original.