3 outils en ligne pour editer des videos Si l’usage de la vidéo en classe est un véritable plus pédagogique incontestable, ce média bien particulier peut aussi poser de vrais problèmes dès qu’il s’agit de monter ou d’éditer des images brutes. Il faut des ordinateurs puissants et des logiciels pros et onéreux à l’apprentissage souvent aride. Voici 3 outils en ligne pour éditer des vidéos facilement. Ils fonctionnent tous parfaitement à partir d’un simple navigateur. 1 – Pixorial. 2 – WeVideo. 3 – Wideo. Sur le même thème
Html 5, simple y claro Tubechop. Un outil de montage simple pour Youtube Mise à jour le 27 janvier 2015 Tubechop est un outil en ligne gratuit qui permet de réaliser des montages simples à partir de n’importe quelle vidéo YouTube. C’est un petit utilitaire en ligne qui mérite une petite place dans votre boite à outils multimédia. Tubechop n’st pas à proprement parler un outil de montage vidéo, il permet surtout et avant tout d’extraire un passage d’une vidéo Youtube très facilement. L’utilisation se passe de mode d’emploi en trois étapes simples à la portée de tous : La première étape consiste à copier puis coller l’url de la vidéo Youtube qui vous intéresse dans la page d’accueil de TubeChop ou de taper un mot puis cliquez sur “search”. La vidéo s’affiche dans le studio de montage de Tubechop. Si vous êtes satisfait du résultat, il ne vous reste plus qu’à couper. Le service TubeChop est gratuit et ma foi bien pratique si vous avez l’habitude de manipuler des vidéos dans vos cours. Lien: Tubechop
20 Excellent Wireframing Tools for Mobile Planning and wireframing your mobile website or application is an essential part of a successful design process. It can help save you money (on design and development costs), expand initial ideas, build structure and functionality and effectively gather invaluable early feedback. We have gathered 20 of the best tools for wireframing mobile websites and apps, each of which offers a unique set of features. Furthermore, there are plenty of other wireframing and diagramming apps available, which may also be of interest. Have we left out your favorite wireframing tool? Image via istockphoto, thegoodphoto
10 excelentes buscadores de imágenes libres y gratuitas (Creative Commons) Luego de revisar tantos bancos de imágenes gratuitos, por ejemplo, los de nuestro listado más reciente, echamos un vistazo a buscadores de imágenes libres y gratuitas recomendados en el blog de Buffer que toman a tales bancos como fuentes para los resultados siendo de enorme ayuda para ilustrar tanto blogs como trabajos físicos. Por supuesto, no sobra dar el importante aviso de revisar muy bien la autoría de cada imagen -es imprescindible buscarla en Google Imágenes arrastrándola hasta el cajón de búsqueda- y las características de su licencia antes de darle uso. 1. Can We Image Resultados de Wikimedia Commons, el enorme repositorio de recursos libres, presentados en segundos. 2. Una forma más cómoda de acceder a las miles de imágenes gratuitas disponibles en Flickr pudiendo filtrar los resultados rápidamente según el tipo de licencia deseado. 3. 4. Un elegante buscador con cierto parecido a 500px en su interfaz. 5. 6. 7. 8. 9. 10.
crear una página web En este webinar te enseñamos conceptos y fundamentos de diseño web y usabilidad, mostrando diferentes procesos en la creación web. En este webinar, impartido por Juanmi Barea, especialista UX de Nominalia, nos pondremos manos a la obra para enseñar algunas técnicas y procedimientos que te ayudarán a crear una página web de calidad, siguiendo los estándares. Resolveremos en directo varios problemas habituales, enseñaremos herramientas útiles y mostraremos ejemplos de buenas prácticas. Video del webinar Presentación Respuestas a vuestras preguntas 1. Hola, UX son las siglas de “user experience” es decir, experiencia del usuario. 2. Sí, es absolutamente recomendable aplicarlos. 3. 4. Un blog en formato magazine, sin duda para estos contenidos requieres una solución de ese tipo. 5. Aunque el tema del color entraña un factor psicológico evidente y el negro se asocia a lo negativo, en realidad, en este caso, no es así. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26.
Google Web Fundamentals ayuda a construir mejores sitios web Google, siempre tratando de innovar en la tecnología, está ampliando su gran oferta de herramientas disponibles incursionando en temas educativos orientados a desarrolladores. Ya nos habia mostrado el Google Web Designer y ahora nos presenta Google Web Fundamentals. Google Web Fundamentals es un recurso integral para el desarrollo web en múltiples dispositivos, o como ellos suelen llamarlo, un manual con las mejores prácticas. Dicho de esta forma, no es más que una guía con buenas prácticas en la creación de interfaces web, cuyo objetivo es ayudarte a producir un producto de excelente calidad que sea adaptable (también conocido en inglés como Responsive Design). Un sitio web adaptable es aquel que se ajusta a las resoluciones de pantallas más comunes en el entorno del usuario sin que el contenido deje de ser legible o pierda forma. Imágenes, Audio y Vídeo: ofrece lecciones para manejar contenido multimedia de una forma simple y uniforme a través de los distintos dispositivos.
Sprites CSS Qué son los sprites CSS y cómo ayudan a optimizar la descarga de una página web. Vemos un ejemplo sencillo de sprite CSS. En el presente artículo trataremos: La optimización de documentos HTML mediante el uso de sprites La obtención de sprites La inclusión de sprites mediante CSS La obtención de sprites –imágenes en general- codificados en Base64 La técnica de inclusión de sprites embebidos ¿Qué es un sprite? Sprite utilizado para diversas aplicaciones y logos de Google Ilustración de un sprite de una animación con CSS –por ejemplo- Por qué se optimiza el código HTML Uno de los problemas de retardo más importantes en la carga de documentos desde Internet es el tráfico HTTP y las propias capacidades de los navegadores para gestionarlo. Generación de sprites Usualmente dispondremos de las imágenes por separado y desearemos generar el sprite correspondiente. Algunos de los lugares de Internet que nos proporcionan esas facilidades son: Ejemplo de uso de sprites con CSS Listado 2: <! Listado 3: <!