15
Mozilla Web-maker Tools Presenter: Komal Gandhi

Web maker - Web making Tools

Embed Size (px)

DESCRIPTION

Mozilla is a non-profit that believes everyone should be able to make and share with the open web. But creating, hosting or tweaking your own stuff is often still too difficult—with obstacles like learning HTML and CSS, struggling with servers to preview your work, or figuring out where your content will live online. Thimble clears away those barriers, making it easier to create your own projects quickly and learn web skills in a way that’s easy, visual and fun.

Citation preview

Page 1: Web maker - Web making Tools

Mozilla

Web-maker Tools

Presenter:

Komal Gandhi

Page 2: Web maker - Web making Tools

Mozilla Thimble

Page 3: Web maker - Web making Tools

Mozilla Thimble makes it ridiculously simple to make

stuff on the web. Thimble lets you make your own real,

fully functional web pages in minutes. Then host and

share them with a single click. Sharpen your web skills

along the way.

About

Page 4: Web maker - Web making Tools

Features

• Thimble makes it so so simple to create your own

webpages

• Thimble allows you to write and edit html and css with in

your browser

• You can instantly preview your work

• You can host and share your webpage with a single click

• Helps checking your work to spot the errors to be

rectified instantaneously

Page 5: Web maker - Web making Tools

http://thimble.webmaker.org/

Here the Link:

Page 6: Web maker - Web making Tools

Hackasaurus Remix , Make And Share

Page 7: Web maker - Web making Tools

Mozilla Hackasaurus makes it easy to

mash up and change any web page like

magic. You can also create your own

WebPages to share with your friends, all

within your browser.

Hackasaurus helps teens hack. Through

tools that makes it easy for youth to

explore, remix and redesign the web.

About

Page 8: Web maker - Web making Tools

• 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 with in the browser

• Includes a tool called 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

Features

Page 9: Web maker - Web making Tools

http://hackasaurus.org/

Here the Link:

Page 10: Web maker - Web making Tools

Popcorn Interaction between web content

and the user

Page 11: Web maker - Web making Tools

Mozilla 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.

Popcorn is the result of ongoing collaboration between

filmmakers, developers and web makers. Together we

explore how modern browser technologies like HTML5 can

reshape moving images online.

About

Page 12: Web maker - Web making Tools

• Popcorn makes video to work like a web

• We do have a huge wealth of web content but the

problem is they are static

• People make it and we use it

• Simply , no roles for users to play

• popcorn helps in creating a web content that will have

real time interaction between the content and the user

• Popcorn.js – backbone of Mozilla popcorn project

Features

Page 13: Web maker - Web making Tools

http://maker.mozillapopcorn.org/

Here the Link:

Page 14: Web maker - Web making Tools

Get Involved

https://webmaker.org/

Page 15: Web maker - Web making Tools

Thank you