7 opciones para crear videos online


 

Por  | http://wwwhatsnew.com

No es necesario contar con amplios conocimientos en Adobe After Effects  o acondicionarse a lo limitado de Windows Movie Maker para crear videos sencillos, de calidad y personalizados incluso con el material multimedia almacenado en el equipo y en Facebook. En FreeTech4Teachers  han recopilado algunos buenos servicios en línea que lo demuestran por completo y aquí están, 7 útiles herramientas de fácil adopción para editar fascinantes obras visuales.

Masher

masher
Para crear mezclas con fotos y videos a partir de material multimedia personal o de su inmensa colección de contenido que incluye hasta archivos de la BBC en forma de videoclips. Cuenta con efectos, videoplantillas para cumpleaños y otras ocasiones especiales, espacio para añadir texto y una forma práctica de utilizarle a través de su aplicación para Facebook.

WeVideo

wevideo
Elegante, bastante completo y un poco limitado respecto a las opciones en la versión gratuita pues sólo guarda videos en 360p, aunque lo caracteriza la parte colaborativa fundamentada en la también completa integración de redes sociales. Opcionalmente para guardar las creaciones automáticamente en Google Drive, cuenta con una extensión para Chrome.

The National Archives Digital VaultLeer más “7 opciones para crear videos online”

The Easiest Way to Create Vertical Text with CSS


The Easiest Way to Create Vertical Text with CSS

http://net.tutsplus.com/tutorials/html-css-techniques/the-easiest-way-to-create-vertical-text-with-css/

Earlier this morning, I needed to create vertical text for a project I’m working on. After trying out a couple ideas, I took to Twitter to find what sorts of thoughts our followers had on the subject. There were plenty of great responses and ideas that we’ll go over today!

*Note – please refer to “Method 6″ below for more details about proper usage.

Subscribe to our YouTube page to watch all of the video tutorials!
Prefer to watch this video on Screenr?

 

Method 1: <br> Tags

So, one possible (though not recommended) way to achieve vertical text is to add <br> tags after each letter.

  1. <h1>
  2. N <br />E <br />T <br />T <br />U <br />T <br />S
  3. </h1>
<h1>
   N <br />E <br />T <br />T <br />U <br />T <br />S
</h1>
View a Demo

Don’t use this method. It’s lame and sloppy.


Method 2: Static Wrapping

With this method, we wrap each letter in a span, and then set its display to block within our CSS.

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=utf-8 />
  5. <title>Vertical Text</title>
  6. <style>
  7. h1 span { display: block; }
  8. </style>
  9. </head>
  10. <body>
  11. <h1>
  12. <span> N </span>
  13. <span> E </span>
  14. <span> T </span>
  15. <span> T </span>
  16. <span> U </span>
  17. <span> T </span>
  18. <span> S </span>
  19. </h1>
  20. </body>
  21. </html>
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Vertical Text</title>

<style>
  h1 span { display: block; }
</style>
</head>
<body>

  <h1>
   <span> N </span>
   <span> E </span>
   <span> T </span>
   <span> T </span>
   <span> U </span>
   <span> T </span>
   <span> S </span>
  </h1>

</body>
</html>
View Demo

The problem with this solution — other than the frightening mark-up — is that it’s a manual process. If the text is generated dynamically from a CMS, you’re out of luck. Don’t use this method. Leer más “The Easiest Way to Create Vertical Text with CSS”