Bueno, es muy sencillo insertar un video de Youtube, sólo debes setear las opciones y copiar un pequeño código dentro del body de tu página.

look

Pero para hacer que se reproduzca apenas carguemos la página existe un pequeño truco.

Youtube te proporciona un código similar e este:

<object width="640" height="505">
<param name="movie" value="http://www.youtube-nocookie.com/v/flWP28y2cyw&hl=es&fs=1&color1=0xe1600f&color2=0xfebd01"></param>
<param
name="allowFullScreen" value="true"></param>
<param
name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube-nocookie.com/v/flWP28y2cyw&hl=es&fs=1&color1=0xe1600f&color2=0xfebd01" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed>
</object>
Observas la parte en rojo?, es el url y debes agregarle un parámetro (“autoplay=1”) para que quede así:
<object width="640" height="505">
<param name="movie" value="http://www.youtube-
nocookie.com/v/flWP28y2cyw&hl=es&fs=1&color1=0xe1600f&color2=0xfebd01"></param>
<param
name="allowFullScreen" value="true"></param>
<param
name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube-nocookie.com/v/flWP28y2cyw&autoplay=1&hl=es&fs=1&color1=0xe1600f&color2=0xfebd01"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="640" height="505"></embed>
</object>

Listo, pruébalo y comenta los resultados.

Generadores de patrones (background patterns)

Vamos que hemos visto muy buenos diseños con fondos atractivos y no sabemos como hacerlos sin tomarnos mucho tiempo. Aquí algunas sugerencias:

PatternCooler

Vaya! este sitio es el mejor que he visto en su tipo, aunque puede marearte la primera vez que entras, encontraras aquí utilidades variadas para crear patrones de fondo para html. Me comentan que les parece.

PixelKnete

Diseño de patrones de fondo html en base a puntos. Un gran recurso, resultan efectos psicodélicos, pero ojo, no busques el botón Selector de Color (no lo vas a encontrar, debes colocar el valor en hexadecimal) ni el botón Descargar Patrón (se supone que como experimentado WebDesigner sabes como obtener la imagen de fondo de un HTML right?).

StripeManía

Excelente para hacer esas bandas que tanto nos gustan, verticales, horizontales y oblicuas. Muy fácil de usar realmente y depende de ti si haces de esta una herramienta o un generador de “huachafería: En Perú le decimos así al mal gusto”. Ojo, no lo uses con Firefox, se comporta bien con Internet Explorer.

TartanMaker

Los resultados? Diseños de patrones de fondo HTML con bandas cruzadas, oblicuas o verticales-horizontales. Tienen más bien resultados conservadores.

BGPatterns

Excelente! Me gustó mucho. Navegas fácil y tienes pesatañas de Colorres, Imagen, Lienzo y Rotación. Variantes muy interesantes en la mayoría de ellas. Por ejemplo en imagen, puedes elegir entre varios diseños predeterminados, elegir el grado de opacidad de la imagen, la ubicación central o de extremos así como  escalar la imagen. En rotar, como es obvio puedes rotar la imagen, con un control visualmente agradable.

Algo más, regístrate y puedes guardar tus diseños de patrones si no deseas descargarlos o para que los tengas siempre en el site.

ColourLovers

Este sitio tiene muchas herramientas para patrones, puedes subir imagenes propias incluso. Además el site tiene la orientación Web 2.0 a Redes Sociales que incluye valoración y colaboración entre usuarios. Este site no es sólo para diseñar patrones, es un sitio completo lleno de recursos por descubrir (me incluyo).

BgMaker

Si amas el Px2Px (pixel to pixel) este sitio te permite decidir sobre un tablero de 12px por 12px (que puedes modificar) el color de cada uno de los puntos dentro de tu patrón. Vamos, que para esto debes necesitar algo muy específico y esta es la herramienta.

Buenos sitios, mejores diseñadores? para nada. Si no tienes el feel dentro de ti, ni la herramienta mejor te hace un buen diseñador.

Older Posts »

Categorías