Archivo de la etiqueta: HTML

Incrusta el audio de un video de youtube

Gracias a un simple pero efectivo código que utiliza la API de Youtube, podemos incrustar en un sitio web el audio de un vídeo de Youtube.

Simplemente copia el siguiente código y reemplaza VIDEO_ID por los 11 caracteres que identifica el vídeo en Youtube.

  1. <div data-video=“VIDEO_ID” data-autoplay=“0” data-loop=“1” id=“youtube-audio”></div>
  2. <script src=“https://www.youtube.com/iframe_api”></script>
  3. <script src=“https://cdn.rawgit.com/labnol/files/master/yt.js”></script>

Por ejemplo, para colocar el audio de este vídeo en nuestro sitio, en el enlace despues de v= tenemos los siguientes caracteres: 5HB_8TBrzLs

Reemplazamos en el código mostrado anteriormente y el resultado es el siguiente:


Fuente: http://www.labnol.org/internet/youtube-audio-player/26740/

Colores que combinan bien

Soy un asco para combinar colores y eso me pasa la cuenta cuando estoy desarrollando un sitio web, es por esa razón que me apoyo de algunos recursos gratuitos que hay en la web.

Les dejo aquí el enlace a uno de ellos, el cual me pareció bastante interesante.

Paletton.com

Con una simple selección te muestra la paleta de colores a utilizar, además de un ejemplo con una página blanca, una negra, etc. y podemos exportar a HTML, CSS y varios más para nuestros proyectos.

 

Elementos Form

Si necesitan una reseña rápida de los elementos que pueden estar dentro de un FORM de HTML5:

http://nativeformelements.com/