Paseando por la web

Francisco de BLOG AND WEB comenta sobre Walk2Web es un sitio bastante curioso, en donde a partir de tus enlaces salientes comienza a crear una red, que va creciendo con los enlaces salientes de cada web, creando una ‘maraña’ de conexiones. No se muy bien para que puede servir esto, a parte de permite mirar hacia a donde apuntan nuestros enlaces, pero resulta curioso.

En cada web de la esa red puedes etiquetar, comentar y votar los sitios con lo que conforman un ranking. Otro detalle a destacar, es que en cada sitio que visitas, el título es leído por una voz femenina robotizada.

• Más información en Walk2web: siguiendo enlaces (Blog Mundi).

Buscando espero…

Según he leído en EL PAÍS, en lo que llevamos de 2007, Google ha comprado unas cuantas empresas por todo el mundo y Microsoft, una de sus grandes rivales, ya la ha denunciado por monopolio (quien fue a hablar).

La batalla entre ambas se desarrolla en los despachos y al margen de la comunidad de internautas, que incluso ven con malos ojos la agresiva campaña de adquisiciones de Google. La sorpresa es que un nuevo actor aparece en pantalla: Wikia, la empresa del creador de la ‘Wikipedia’, lanzará un motor de búsqueda para rivalizar con Google.

La idea es desarrollar un servicio de búsqueda en Internet de «código abierto» con la ayuda de voluntarios. De momento, la Wikipedia se ha convertido en un fenómeno global. Quizá su buscador también lo haga.

Insignias estilo web 2.0

Este es un post que no pude publicar en su momento por no estar activa la página. En BLOGPOCKET comentaron sobre las insignias (badges, en inglés), que se utilizan en las páginas de las aplicaciones web para indicar que éstas corresponden a una versión beta o para resaltar cualquier mensaje. Ninguna sitio web 2.0 que se precie puede carecer de insignias de este tipo.

Así que en Web 2.0 Badges podemos encontrar un conjunto de insignias web 2.0 gratuitas. Hay un generador a partir de un texto y unos estilos predeterminados. Y también se puede descargar un archivo PSD para utilizar en Photoshop.

Cómo crear una sombra con nuestra silueta con Photoshop

En TUEXPERTO nos enseñan usando Photoshop, y a partir de esta foto hecha por Jessie Barber (como ejemplo), una foto en la que el sujeto aparece sin sombra sobre el suelo. Luego aprovechando el fondo blanco, nos permitirá trabajar con comodidad, para añadir la sombra que le corresponde. Aquí te enseñan a crearla.

XRAY, para visualizar las propiedades CSS

A través de ISOPIXEL y también en VAGABUNDIA descubro a XRAY , un bookmarklet (bookmark + applet) es un pequeño programa JavaScript que podemos guardar en nuestro navegador como cualquier otro marcador ya que, en realidad, es una dirección URL. Eso posibilita que podamos ver el modelo de caja de cualquier elemento CSS de cualquier página web. Actualmente trabaja con Safari y navegadores Mozilla.

Su funcionamiento es muy simple:

1. En la página de los creadores, hay que arrastrar el link “XRAY” a la barra de Bookmarks del navegador.
2. Visita cualquier página web, una vez la página haya cargado completamente, haz clic en el link de tu barra de bookmarks que previamente creaste. Hasta aquí no verás nada significativo, lo que haz hehco es cargar XRAY.
3. Haz clic en cualquier elemento de la página para ver XRAY en acción.

Otra interesante herramienta más a la saca de los marcadores.

Colr, busca por colores

En el BLOG.PC-ACTUAL nos presenta a colr pick un buscador de fotografías de Flickr que tiene como único criterio el color. Así que si eres aficionado de la imagen y te gusta jugar con Photoshop creando montajes con texturas y capas esta herramienta va a complementarse a la perfección con tus conocimientos.

En la interfaz puedes elegir entre una gama de colores muy amplia, ya que el sistema te ofrece muchas posibilidades para elegir entre imágenes en un mismo tono de color. La oferta de texturas es impresionante.

Más imagenes gratuitas

En KABYTES nos dan un buen enlace a la hora de encontrar imágenes en buena resolución y de una calidad aceptable. Se trata de Top Rated , un banco de imágenes gratuitas que se pueden utilizar con propósitos comerciales sin ningún tipo de restricciones.

Tienen más de 5000 imágenes (en su mayoría gratuitas) y listas para descargar, están divididas por categorías.

¡Llegan las Perseidas!

En el blog CUADERNO DE BITACORA ESTELAR nos recuerda que como cada año en agosto, llega la lluvia de meteoros denominada las Perseidas. En esta ocasión, el espectáculo parece asegurado.

Mapa del cielo que muestra el origen de las perseidas (crédito NASA)

El día a recordar será el 12 de agosto, después de ponerse el Sol. Esta vez todo está a favor, ya que habrá Luna nueva, con lo cual la obscuridad será completa.

Las Perseidas tiene su origen en el cometa Swift-Tuttle cuya cola corta la órbita de la Tierra. Son los resto de la cola los que, al entrar en la atmósfera terrestre, producen este interesante fenómeno. Las predicciones indican que se verán uno o dos meteoros por minuto en el máximo. Por supuesto, los fragmentos son de pequeño tamaño y masa, y no representan ningún peligro.

Asi que, preparad café, alejaos de las luces de la ciudad y ¡disfrutad del espectáculo!

Yo si puedo estaré en la Sierra de Albarracín, contemplando el espectáculo.

Lista con 140 colores hexadecimales por su nombre

En BLOG VECINDAD… tenemos un enlace a otra lista, donde muestran los colores hexadecimales por nombre, se trata de 140 Named Colors.

8 versiones javascript del menú OSX

En el blog ANIETO2K comenta que si te gusta el dock OSX de MacOS y te gustaría integrarlo en tu página web, tienes unos cuantos de donde elegir:

1. CSS Dock Menu [Demo] Navegadores: IE 6, IE 7, Opera 9, Firefox 2 y Safari.
2. MacStyleDock [Demo] Navegadores: Firefox, IE6, IE7, Konqueror, Opera9,
3. iconDock [Demo] Navegadores: Firefox, IE6, IE7, Safari.
4. Dojo FishEye Widget [Demo] Navegadores: ??
5. MooTools FishEye [Demo] Navegadores: ??
6. iFishEye [Demo] Navegadores: IE, Firefox, Opera, Safari
7. euroDock [Demo] Navegadores: ??
8. Corner Dock [Demo] Navegadores: IE7, Firefox, Opera9, Safari.

Los problemas legales de los comentarios en blogs

Macarena Rodríguez comenta en EL PAÍS que muchos internautas desconocen sus derechos y deberes en la red y esto comienza a provocar conflictos, especialmente entre el derecho a la información y a libertad de expresión y el derecho al honor, a la intimidad y a la imagen.

Por ejemplo, Julio Alonso ha sido denunciado por la SGAE por titular un artículo de su blog SGAE=Ladrones. Además, en la denuncia se hace hincapié en que promociona un google bombing contra ella y en que no se han moderado los comentarios de los internautas que entraban en el blog.

Otro ejemplo es el de Abraham Fernández que tiene que retirar, por requerimiento judicial, los post que dañen la imagen y el honor de una entidad que no ha querido desvelar. Por lo visto, el problema está en los comentarios que permitió y que no ha moderado.

Para sacarnos de dudas, han preguntado a Rafael Bustos, profesor titular de Derecho Constitucional de la Universidad de Salamanca y nos ha confirmado que Julio Alonso lo tiene muy crudo ya que «no puede demostrar que la SGAE sean unos ladrones» y que los blogs tienen un alcance universal. Cualquiera puede leerlos por tanto, es como si aquellos que tienen un blog fueran periodistas. La diferencia es el grado de verificación de la noticia. A los blogueros, al no ser profesionales de la información no se les exige el mismo nivel de comprobación de la veracidad de la noticia pero este no desaparece. Por otro lado, los blogs tienen el agravante de la «publicidad».

Cuando escribimos en un blog o un espacio personal abierto al público en general, ¿somos conscientes de nuestros derechos y de los derechos de terceros? No lo creo.

Muchos mensajes en blogs han aparecido citando las mismas palabras que Julio Alonso sin ser conscientes del riesgo a ser denunciados y perder la apuesta. Los blogueros tienen derecho a informar y a expresarse libremente pero sin dañar el honor, la intimidad ni la imagen de nadie. Antes de crear un blog, se tienen que conocer sus derechos pero también sus límites y responsabilidades.

Y que san Onofre nos pille «confesaos».

Un maratón anual con el teclado…

Estas son unas cifras inútiles del día que he leido en EL MUNDO, pero que nos daremos «el pegote»ante el personal:

• Cada año, nuestros dedos recorren de media el equivalente a una maratón –casi medio centenar de kilómetros– sobre el teclado del PC.

• Pulsamos aproximadamente dos millones de teclas, el equivalente a pasar 200 horas seguidas moviendo los dedos.

Sorprendidos, ¿a que sí?

Algunos headers, colores, estilos y fuentes para el diseño de tu blog

En el blog ZONA CEREBRAL tenemos una recopilación de diversos detalles gráficos para que podamos darle un retoque innovador o personal a nuestra página, así que es recomendable echarle un vistazo a esos recursos con los que quizás encuentres el estilo que andas buscando para convertir tu bitácora en un blog de diseño actual.

Headers:

• Enrico’s blog. 53 imágenes listas para añadirlas al fondo del título en tu blog. Hay de todo un poco, aunque la mayoría de ellas están relacionadas con lugares, paisajes y objetos.
• Digital Westex. Fantástica colección de imágenes listas para utilizar, con una resolución genérica de 800 x 200. Destaca la sección de headers artísticos para remplazar la imagen del título en los themes Kubrick y K2 para WordPress.
• Free Web Page Headers. Galería con más de 700 fotografías e imágenes clasificadas por categorías y enviadas por los usuarios. Es un buen sitio donde alojar y promocionar tus propios diseños para compartirlos con el resto de internautas.
• Image Abstraction. Unos 80 diseños de backgrounds abstractos con alta resolución, patrones y texturas para diseñadores gráficos y artistas de Photoshop.
• Free Photo Clips. Interesante web con 36 clips dedicados principalmente a objetos. La mejor elección si lo que buscas es una imagen simple para transformarla a tu antojo.
• More Doubts. Este blog ofrece una colección de imágenes gratuitas con una resolución de 760 x 200 compatibles con cualquier tipo de blog y plataforma.
• The Philip. 10 estupendos headers gratuitos listos para utilizar en el theme Cutline de 2 ó 3 columnas. También puedes echarle un vistazo a los de CaptainHops.com.
• 100 Pixel. Blog dedicado exclusivamente a publicar nuevos diseños de imágenes de fondo para incluir en el título de tu blog.
• Urban Dirty. Librería de fotos actualizada regularmente que cuenta con 189 archivos inspirados en diseños urbanos.
• BG Themes. Lista bastante completa con multitud de headers gratuitos para blogs basados principalmente en paisajes y lugares.
• Blogger Talk. Galería gratuita de headers para blogs. El único requisito exigido para agregar cualquiera de sus imágenes es mantener un enlace hacia su página.
• Web Song Designs. Más de 10 fotografías e imágenes gratuitas para colocar como fondo en el título del blog.
• Header Art. Diseños optimizados para plantillas de WordPress clasificados en función de su resolución.
• Writer Space. Artículo con 18 imágenes de 820 x 145 listas para utilizar y una colección de 16 exquisitos gradientes de colores.

Colores:

• Daily Color Scheme. Una excelente página que publica una paleta de colores diaria, incluyendo el código hexadecimal de cada muestra. Un sitio perfecto para conseguir una combinación de colores en armonía.
• Colour Lovers. Toda una colección con más de 100.000 paletas de colores archivadas por colores, número de votos, códigos y por fechas. Es necesario registrarse como usuario de forma gratuita para poder acceder a cada una de las paletas.

Fuentes:

• 1001 Free Fonts.
• Da Font.
• Free Fonts.
• Simply The Best.
• Urban Fonts.
• Search Free Fonts.
• 1001 Fonts.
• Font Freak.
• Get Free Fonts.
• Fontica.
• Crea Mundo.

Inspiración:

• Snap 2 Objects. Artículo con más de 85 recursos gratuitos que todo diseñador debería conocer.
• Cool Site Collection. Colección de sitios que recoge las páginas web con los diseños más atractivos de la red.
• CSS Liquid. Fluidos y elásticos diseños en CSS que te pueden ayudar a definir la apariencia y el estilo de tu blog. También dispone de una sección con recursos y plantillas gratuitas listas para descargar.
• Zeniltuo. Lista con más de 250 sitios sobre CSS, Flash y otros recursos para mejorar el diseño de tu web.

16 técnicas CSS para mostrar esquinas redondeadas

En el blog XYBERNETICOS encuentro un buen artículo en donde habla sobre las esquinas redondeadas y comenta que  son una las técnicas mas populares en Internet, sobre todo si hablamos del universo denomino 2.0. Podemos verlas incluso en servicios tan populares como Google Adsense, que permite a los usuarios optar por esquinas redondeadas para mostrar los anuncios.

Existen varias formas de llegar al mismo resultado, y más aun de adaptar esta técnica a nuestros diseños. Pero si bien la técnica es agradable, es bueno saber donde utilizarla, y de que forma combinar esta técnica con el resto de nuestro diseño.

A continuación podremos ver 16 técnicas de esquinas redondeadas con CSS, con la idea de que puedas obtener mejores opciones:

• ThrashBox – Para crear esquinas redondeadas con una sombra suave visual y con un margen mínimo.

• Schillmania, con un bello artículo que detalla un método para hacer esquinas redondeadas con CSS. En este caso, diálogos de esquinas con imágenes, en todas sus partes utilizando Png, bordes líquidos redondeados, transparencia alfa, gradientes, patrones y cualquier otra cosa que tú (o tu diseñador) podría desear. Podrás ver un demo aquí – Descarga de Códigos e imágenes – Articulo original

• DomCorners – Una técnica muy simple para conseguir esquinas redondeadas.

• virtuelvis.com esquinas redondeadas con CSS que permite que adaptes esto a los diseños existentes sin alterar ningún margen de beneficio.

• 456bereastreet – Una técnica para crear esquinas y bordes con la transparencia alfa opcional.

• Esquinas en listas de noticias – Fue diseñada con el fin de exhibir enlaces a las noticias recientes.

• Esquinas redondeadas líquidas utilizando CSS – Una caja redondeada reutilizable, esta técnica utiliza en total 6 imágenes. Pero su diseño es realmente bello.

• Esquinas Nifty de Anti-aliased – Basadas en las esquinas Nifty y modificadas por Steven Wittens.

• Caja simple realizada por tedd – Ideal para diseños no muy cargados.

• Las esquinas redondeadas herméticas – Con esta técnica podremos realizar una caja con las esquinas redondeadas usando solamente una imagen, y fijando esa imagen para cada esquina.

• Crear un bloque redondeado – Una técnica que requiera dos imágenes una actuando como encabezado y otra para el contenido, es muy fácil de utilizar y nos da lugar a conseguir resultados muy agradables y además fácilmente.

• Esquinas redondas elegantes – Una solución práctica utilizando imágenes pequeñas para los bordes.

• Esquinas redondeadas en CSS por Adán Kalsey, requiere 4 imágenes para la esquinas. Muy sencilla y fácil.

• Roundedcornr.com – Herramienta sencilla para generar las esquinas redondeadas.

• Spiffycorners.com – Es la manera mas sencilla de generar el CSS y HTML en las esquinas sin usar imágenes o Javascript.

• Spiffybox.com – otro proyecto de los mismos creadores de esquinas Spiffy