Texturas de calidad en Subtle Patterns

Subtle Patterns es una colección de 43 texturas de alta calidad que pueden descargarse en forma gratuita y utilizar libremente en blogs o sitios Webs.

El proyecto, de mano de Atle Mo publica novedades de semana en semana. Y—además—acepta colaboraciones de sus usuarios.

Todo los trabajos están licencias por Creative Commons, lo cual permite utilizar las imágenes tanto en proyectos personales como comerciales sin atribución alguna.

Las texturas pueden ser previsualizadas—como fondo de páginas—antes de ser descargadas.

Sitio Web | Subtle Patterns

Leer más

Como insertar un video de YouTube como fondo de página

jQuery Tubular es un proyecto Web alojado en Google Code que permite miediante una librería en jQuery insertar un video de YouTube como fondo de una página Web o blog.

$('body').tubular('_VKW_M_uVjw','wrapper');

Para su correcta funcionabilidad es condición que Javascript esté habilitado en el navegador e instalada la última versión de Flash disponible.

Sitio Web | jQuery Tubular
Demo | Tubular, a YouTube Background Player jQuery Plugin
Licencia | MIT

Leer más

+200 texturas gratis sin bordes

Interesante recurso han publicado, recientemente, en Web Design Ledger. Han reunido un buena calidad de sitios Web, donde han publicado imágenes sin bordes (aka seamless).

Este tipo de texturas son prácticas cuando se manejan backgrounds donde el uso de repeat-x y repeat-y (vía CSS) es, verdaderamente, intensivo.

Sitio Web | 200+ Seamless Patterns Perfect for Website Backgrounds

Entradas relacionadas

+1000 fondos sin bordes gratis
Texturas sin bordes | seamlesstextures.net
601 Texturas gratis, sin bordes
Fondos sin bordes - gratis | Pattern8

Leer más

+2014 texturas gratis en formato JPG

Star Textures es un repositorio, un banco de imágenes que actualiza en el mes a mes texturas para sus usuarios.

Posee las características comunes a este tipo de servicios, la inclusión de categorías y la búsqueda a través de ellas. Así también como las texturas más populares y las más recientemente agregadas.

Cabe destacar, que las texturas—generalmente—pueden descargarse o están disponibles en 3 tamaños.

Puede consultarse también la nube de tags y, por cierto, no es exigible identificarse como usuario para descargar imágenes.

Sitio Web | Star Textures

Leer más

Texturas sin bordes | florales

Texturas florales sin bordes en Patterrific

Patterrific es uno de los sitios de diseño al cual suelo estar suscripto vía RSS, en especial atención por la suerte de recursos que suelen ofrecer.

En el día de hoy han publicado 8 texturas sin bordes > vía CSS (por ejemplo) las podés repetir que no se notará el tamaño ni el borde de la imagen inicial.

Los detalles:

• Contenido: 8 patterns
• Dimensiones: 300 x 300 px
• Formato: JPG
• bordes: sin bordes
• Instalación: Descomprimir, abrir Photoshop, ir a Edita > Definir textura
• Uso: Personal y no Comercial
• Tamaño de archivo zip (1.04 Mb)

Sitio Web | Patterrific

Leer más

+1000 fondos sin bordes gratis

Una interesante recopilación han conseguido llevar a cabo en Best Design Options. Han conseguido reunir en una sola publicación la recopilación de enlaces para descargar cerca de 1000 textura sin bordes (Seamless patterns)



Este tipo de recurso es muy atractivo cuando existe la necesidad de repetir el background en alguna página.

Para cada colección hay que estar atentos sobre el tipo de licencia con la cual cada uno de estos packs se distribuye. Todos, son gratuitos para uso personal.

Sitio Web | Best Design Options

Leer más

Generador de fondos | Dotted Background Generator

Dotted Background Generator es un interesante herramienta que permite jugar con patrones circulares (dotted) y colores de primer y segundo plano para generar fondos o backgrounds.



Tanto los colores como el alto de la imagen son fácilmente configurables. El resultado es una imagen sin bordes, por lo que puede repetirse tanto como se desee en el eje X

Sitio Web | Dotted Background Generator

Leer más

Texturas sin bordes | seamlesstextures.net

Seamless Textures (aka texturas sin bordes) es un sitio Web que nos permite descargar una buena cantidad de texturas sin bordes



A los efectos de poder organizarlas mejor, disponemos de las siguientes categorías:

• Wood
• Grass
• Metal
• Stone
• Clouds
• Fabric
• Paper
• Other

Cada una de las imágenes puede ser visualizada full-page antes de descargarla

Sitio Web | SeamLessTextures

Leer más

Fondos sin bordes - gratis | Pattern8

Pattern8 es un recurso para tener en cuenta a la hora de llevar a cabo búsquedas de fondos sin bordes o seamless backgrounds.

La búsqueda, si bien visual, puede llevarse también a cabo mediante filtros por color





Gracias John Rawsterne, por ofrecer este recurso.

Leer más

Un generador de texturas | Repper

Repper es una utilidad on-line que nos permite jugar con cualquier imagen o patrón y crear nuestras propias texturas.



La imagen obtenida es accesible desde cualquiera de las siguientes 3 vías

• URL
• CSS
• FILE

La técnica consiste en ajustar un área redimensionable de la imagen y visualizar inmediatamente el efecto conseguido como cuando en CSS se trata de un body repeat.

Sitio Web | Repper

Leer más

7292 texturas gratis | WebGround

WebGround contiene una buena cantidad de texturas gratis, disponibles bajo las siguientes categorías:

• lightgrays - 437 imágenes
  
• mediumgrays - 189 imágenes
• darkgrays - 256 imágenes
• lightcolors - 2427 imágenes
• mediumcolors - 2335 imágenes
• darkcolors - 1648 imágenes

Las imágenes son complementamente gratuitas, el autor sólo solicita un backlink hacia su sitio.

Sitio Web | WebGround

Leer más

36 texturas gratis de madera

Fabio Sasso, diseñador web de Porto Alegre, Brazil; ha reunido en su blog, abduzeedo.com una colección de texturas de madera que ha recogido desde sitios como Flickr, SXC, Noctua Graphics y otros.

Sólo tener presente que cada trabajo puede estar bajo una licencia distinta que otro.

Por lo que siempre es recomendable, antes de su uso particular, leer los alcances de la misma.

Dado lo heterogéneo de las fuentes, los tamaños y las dimensiones varían de una imagen a la otra.

Pero el factor común es la excelente calidad de las mismas.




Sitio web | abduzeedo

Vía | Delicious

Leer más

31 Texturas gratis

En Desizn Tech han publicado una pequeña pero excelente colección de 31 texturas gratis para descargar.
El archivo, de casi 34 Mb, contiene imágenes para uso personal; para cualquier uso comercial, el autor solicita ponerse en contacto con él.



En algunos casos, las resoluciones de estas imágenes, alcanzan los 3000 × 2000 pixels.
Y, además, tienen efectos de iluminación.

Sitio Web | Desizn Tech

Leer más

Como analizar el contraste de color

Colour Contrast Analyser es una extensión para Firefox que lleva a cabo un test sobre los diferentes nodos del documento HTML a fin de evaluar la diferencia de contraste entre el color del texto y el fondo.

Atento a las recomendaciones de AERT y WCAG puede rápidamente llevarse a cabo las verificaciones correspondientes mediante los algoritmos de contraste.

Por tratarse de una extensión experimental, a los efectos de llevar a cabo la descarga y la instalación, es necesario contar con la registración previa en Mozilla Firefox. Lo cual es gratuito y rápido de tramitar.

Leer más

Banco de imágenes gratis | Photl.com

Buscadores alternativos

A la fecha, en Photl, cuentan con poco más de 170.000 imágenes gratis para descargar.
Si bien el sitio cuenta con autodetección de idioma, las palabras claves o etiquetas que están asociadas a las imágenes están inglés.
No obstante, a pie de página, contamos con una nube de etiquetas; lo cual puede resultar más atractivo para llevar a cabo las búsquedas.
Es interesante, la combinación de términos de búsqueda y el selector de colores. Lo cual produce resultados más refinados.
Para la descarga, es necesario llevar a cabo la registración. Lo cual, además de ser gratis es rápido. En mi caso, pude validar mi acceso inmediatamente después de completar el form; el cual no requiere de muchos datos.
Por otro lado, hay una limitación diaria; esto es hasta 45 Mb desde la misma IP.
No así en cantidad de imágenes. La siguiente, la he bajado en 1280 × 853, para luego resamplearla.



Si bien, la tenía disponible en 4368 × 2912 px; pero desde el primer día, ya quería conservar ancho de banda...
No todos los servicios que brindan la posibilidad de descargar imágenes gratis, cuentan con resoluciones tan altas.

Sitio Web | Photl.com

Leer más

Texturas de metal

En psdGraphics acaban de publicar 6 texturas de metal, en formato JPG (3000 × 2000 px, cada una)

Las imágenes, gratuitas, son las siguientes:

• Metal texture
• Dark metal texture
• Stainless steel
• Titanium texture
• Speaker grille texture
• Metal plate

Cabe destacar, que las mismas tienen efectos de iluminación.

Leer más

Texturas gratis de madera

+200 texturas gratis en un showcase

Vía Intenta doy con el sitio de Naldz Graphics

Evidentemente, cuando hablamos de naturaleza verde o, mejor aún, sobre conceptos ambientalistas; la textura de madera se nos presenta como el background que se impone para cualquier tipo de proyecto.
Teniendo en mente, recursos como los que ofrece:

• devianArt
• Flickr
• stock.xchng
• Grunge Textures

Ronald, desde su blog, ha reunido exquisitamente poco más de 200 texturas de madera; para que puedan ser utilizadas por diseñadores, artistas y webmasters.



Con una clara exposición de los diferentes trabajos reunidos, la página cuenta con los enlaces a cada una de las fuentes.
Si bien, gratis, recomiendo una especial atención al tipo de licencia que cada trabajo tiene.

Sitio Web | Naldz Graphics

Leer más

Texturas gratis | ava7patterns

Es sorprendente la calidad, y cantidad, de texturas gratis disponibles en ava7patterns.
Sólo decir, además, que resalto las siguientes características:

• Las texturas carecen de bordes (por lo que pueden repetirse en cualquier eje)
• El sitio posee filtro para elegir texturas por color o bien, por tipo de patrón
• El uso es gratuito, no pueden venderse ni re-distribuirse, el autor aprecia un backlink (aunque no es requerido)
• Para quienes el snobismo resulte una práctica a cotidiano: pueden consultar las secciones
• más descargados
• mejor valorados
• más comentados

A la fecha, el sitio dispone de poco más de 1000 texturas para descargar, 1085 precisamente y, contando...

Vía | Blog and Web
Sitio Web | ava7patterns

Leer más

Texturas gratis | Seamless Textures

Caleb Kimbrough, quien además escribe en Bittbox y en Lost and Taken, ha lanzado ayer un nuevo proyecto llamado Seamless Textures

Donde, bajo licencia Creative Commons, ofrece varias texturas gratis.
En su versión de lanzamiento, piensa publicar las texturas, bajo las siguientes categorías:

• paper
• concrete
• fabric
• grunge
• clouds
• rock
• wood
• grass
• other

La calidad de estas texturas (seamless = sin bordes) califican como ideales para poder utilizarlas y repetirlas indefinidamente, ya que carecen de bordes.
Esta característica, es tentadora la idea para utilizarlas en diseño 3D, fondos para sitio webs, diseño gráfico o, de alguna otra manera, para ser utilizadas como papel tapiz en el escritorio de la PC.

El sitio cuenta con un canal de sindicación RSS, por lo que se presenta útil para estar al tanto de las actualizaciones mediante cualquier gestor de noticias.

Leer más

Un background siempre a pantalla completa

Supersized es un script en JQuery que hace las cosas muy fáciles ante la eterna pregunta ¿cómo diseño el layout para una imagen de fondo que se adapte a cualquier resolución?

La respuesta:

Supersized

Ventajas del uso del script

• Redimensiona cualquier imagen de fondo en el body para que, manteniendo sus proporciones, la misma ocupe el ancho de la ventana.
• No necesita un marcado extra, no hay barras de desplazamiento.
• Compatible con Firefox, Safari, Opera, IE7, and IE6.
• Adicionalmente, se puede trabajar el fondo como un slideshow cíclico.

No existen muchas consideraciones, pero sí algunas en cuanto al HTML y el CSS a utilizar.

Código HTML

<div id="supersize">
     <img class="activeslide" src="http://www.example.com/picture.jpg" />
     <a href="http://www.example.com/><img src="http://www.example.com/imagen.jpg" /></a>
</div>

Código CSS

body {
     overflow:hidden;
}
#supersize img, #supersize a{
 height:100%;
 width:100%;
 display:none;
}
#supersize .activeslide, #supersize .activeslide img{
 display:inline;
}

Ver | demo
Visto en | Build Internet

Leer más