Moz Cafe December 2012

347 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Moz Cafe December 2012

  1. 1. Welcome To MozCafe Hyderabad December 2012
  2. 2. Introduction to Mozilla Webmaker Vivek Kiran Kendriya Vidyalaya, Gachibowli Twitter:@vivekbkiran Blog:http://cloudgeeks.blogspot.in Email:vivek.kiran@outlook.com Srikar Ananthula Wipro Technologies, Hyderabad Twitter: @ananthulasrikar Blog:http://ananthulasrikar.wordpress.com Email: ananthulasrikar@gmail.com
  3. 3. VIDEO “Meet the Webmakers”
  4. 4. Mozilla Webmaker Help you make something amazing with the web. The goal: help millions of people move from using the web to making the web — and to create a more web literate planet.
  5. 5. Mozilla Webmaker • You don’t have to be a professional coder to be a webmaker • You shouldn’t have to be a professional web developer to understand how the web works — or make your own stuff • Mozilla Webmaker helps to level up your skills and go further, “beyond upload”
  6. 6. Mozilla Webmaker Tools: • Thimble • X-Ray Goggles(Hackasaurus) • Popcorn
  7. 7. Mozilla Thimble webmaking made easy
  8. 8. Thimble • Write and edit HTML and CSS right in your browser • Instantly preview your work • Host and share your finished pages with a single click
  9. 9. Start from scratch
  10. 10. Pick a project
  11. 11. https://thimble.webmaker.org
  12. 12. Demo
  13. 13. < Mozilla Hackasaurus > Remix, Make and Share
  14. 14. Hackasaurus • Hackasaurus makes it so easy to change and webpage like a magic • You can create your webpages to share with your friends • These things can be done within the browser • Includes a tool called x-ray goggles
  15. 15. (X-Ray Goggles) • X-Ray goggles allow us to understand "what the web is made of " (i.e) building blocks of the webpage • To remix , change and share their favorite webpages
  16. 16. Demo
  17. 17. Mozilla Popcorn Maker “Video beyond the box”
  18. 18. Popcorn Maker 101
  19. 19. Popcorn Maker makes it easy to enhance, remix and share web video. Use your web browser to combine video and audio with content from the rest of the web — from text, links and maps to pictures and live feeds.
  20. 20. https://popcorn.webmaker.org
  21. 21. Demo
  22. 22. “The HTML 5 Media Framework”
  23. 23. Popcorn.js | The HTML5 Media Framework
  24. 24. Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time- based interactive media on the web. Popcorn.js is part of Mozilla's Popcorn project.
  25. 25. Popcorn makes video work like the web. We create tools and programs to help developers and authors create interactive pages that supplement video and audio with rich web content, allowing your creations to live and grow online.
  26. 26. http://popcornjs.org/
  27. 27. Vivek Kiran Kendriya Vidyalaya, Gachibowli Twitter:@vivekbkiran Blog:http://cloudgeeks.blogspot.in Email:vivek.kiran@outlook.com Facebook: www.facebook.com/geek.vivek Srikar Ananthula Wipro Technologies, Hyderabad Twitter: @ananthulasrikar Blog:http://ananthulasrikar.wordpress.com Email: ananthulasrikar@gmail.com Facebook: www.facebook.com/ananthulasrikar

×