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

Mikko Koppanen ha publicado el código de una interesante utilidad (CSS Color Generator) en su blog.

Este código / utilidad será realmente interesante para aquellos que carecemos del sentido del gusto para crear hojas de estilos de la nada.

Con esta utilidad podemos crear una pequeña paleta de colores partiendo de una imagen dada (un logotipo por ejemplo sería un buen comienzo) | Código de la utilidad

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

Blueprint es un framework para CSS que se centra en reducir el tiempo de desarrollo de tus CSS con numerosas interesantes características que te permiten hacer más con menos.

Este framework de CSS por lo tanto nos da soporte para organizar y desarrollar nuestros CSS e ir encajando todas aquellas piezas que integren nuestra plantilla final.

Instalación

Para instalar Blueprint deberemos descargarnos el paquete y colocarlo en el directorio de CSS de nuestro sitio, una vez hecho esto tendremos que añadir estas líneas a la cabecera de la página en la que queramos utilizarlo.

<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">

Cuando desarrollamos un sitio en XHTML y CSS seguro que alguna vez te ha ocurrido que al añadir líneas y más líneas terminas con un CSS sobrecargado.

En un primer momento esta manera de organizar tus archivos CSS te puede parecer fea, pero cuando lo piensas te vas dando cuenta que a la larga es más efectivo debido al tiempo que ahorrarás a la hora de localizar los diferentes estilos.

No estoy seguro del porqué pero muchos diseñadores estan empeñados en desaprovechar el espacio en su código, usando un montón de innecesarios saltos de línea. Recuerda que eso sólo lo verás tu y estas haciendo un uso excesivo de ancho de banda. Tambien tu código será más facil de leer puesto que tendrá menos "boquetes".

En techsymptom veo un buen tutorial de cómo crear un pie de página estilo 2.0, y la verdad es que los pies de páginas no son la parte más importante de un sitio web pero sin duda son muy importantes porque forman parte de lo que viene a ser la navegación y usabilidad del sitio, a menudo vemos siempre el mismo estilo de pie de página una y otra vez.

Este es el resultado del tutorial:

Todo pie de página debe contener cómo mínimo:
- Nombre del autor
- Marcas de Copyright, año de copyright o tipo de licencia (Ej.Creative Commons).
- Fecha de creación ó última revisión.
- Contacto

y de manera opcional:
- Aviso Legal
- Preguntas Frecuentes
- Sindicación del sitio
- ¿Quiénes somos?

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:

CSS Tab Designer 2.0 es una herramienta gratuita desarrollada por OverZone Software que te permitirá generar menús de forma simple, unicamnete debes seleccionar un estilo y añadir los enlaces así de simple y encima el código generado es código validado osea XHTML estricto completamente válido.

Si quieres probarlo prueba a descargartelo.

Css Tab es por lo tanto una útil herramienta para diseñar fácilmente listas y menús interactivos basados en hojas de estilo, sin necesidad de tener ningún tipo de conocimientos de programación.