Thimble is a web-based HTML editor created by Mozilla that allows users to easily create and publish web pages without advanced coding skills. It provides a simple side-by-side editor that instantly shows how changes to the HTML code affect the displayed web page. This helps users learn HTML and CSS through trial and error. Thimble aims to lower the barriers to learning code by enabling anyone to become a web developer and share their creations online with just a few clicks.

1. HTML5
• MOZILLA THIMBLE
22/06/2013 ZAHRA JALALKHAN 1

2. MOZILLA THIMBLE
• Mozilla
Thimble
Teaches You
HTML and
CSS with a
Side-by-Side
HTML Editor
• The new tool that makes it incredibly simple for
anyone to create and share their own web
pages and other projects in minutes.
22/06/2013 ZAHRA JALALKHAN 2

3. SCREENSHOT OF THIMBLE
22/06/2013 ZAHRA JALALKHAN 3

4. What is thimble?
• Thimble webmaking made easy.
• An intuitive visual editor that lets you write and
edit HTML right in your browser, preview and
correct your work, and then publish and share fully
functional web pages with a single click.
• Removes many of the barriers for novice users
trying to learn code, and includes a series of starter
projects and templates to help anyone get started
quickly.
22/06/2013 ZAHRA JALALKHAN 4

5. THIMBLE
• An easy to use, in-browser HTML editor that shows
you the finished product right alongside your
code, so you can learn as you go.
• Makes learning a lot easier.
• Instead of having to type your code in a text editor
and load the resulting file up in a browser, you can
see all your changes in real time as you make them.
• Makes correcting mistakes a lot easier, since you'll
know exactly what caused a problem as soon as
you type it. You can even publish your finished web
pages right from Thimble's app for all your friends
to see.
22/06/2013 ZAHRA JALALKHAN 5

6. What can you do with THIMBLE?
You can build:
• a personalized greeting card
• an online poster for your favourite movie
• a hilarious meme
• and so much more!
22/06/2013 ZAHRA JALALKHAN 6

7. Requirements for use of THIMBLE
• You don€ ™t have to be a professional coder or
wizard to be a Webmaker,€ • the Mozilla
Webmaker site says.
• € œYou don€ ™t have to be a professional baker to
make bread, or a professional auto mechanic to
change a tire or poke under the hood, you
shouldn€€’t have to be a professional Web
developer to understand how the Web works € ”
or make your own stuff.
• We want to help you go € ˜ beyond upload€ ™ to
unlock new opportunities for creativity and
innovation in your life and work.€ •
22/06/2013 ZAHRA JALALKHAN 7

8. THIMBLE
• € œMucking around in HTML is like making bread
from scratch or changing a tire,€ • said Meredith
Stewart, a middle school history teacher in North
Carolina, who is cited on the Webmaker Website.
€ œThey€ ™re acts of understanding and joy.€ •
• € œWhen we gained literacy, we learned not just
how to read but to write. And as we now moved
into an increasingly digital reality, we must learn
not just how to use programs but how to make
them,€ • said Douglas Rushkoff, an author and
technology and media commentator for CNN, who
also was cited on the Mozilla Webmaker Website.
22/06/2013 ZAHRA JALALKHAN 8

9. Screen shot of thimble webmaker
22/06/2013 ZAHRA JALALKHAN 9

10. Helpful links
22/06/2013 ZAHRA JALALKHAN 10
 https://webmaker.org/tools/
 https://thimble.webmaker.org/
 https://thimble.webmaker.org/project/480/remix
 https://wiki.mozilla.org/Thimble/FAQ
 http://www.youtube.com/watch?v=W1D6vSeebBU

11. THANK YOU!
22/06/2013 ZAHRA JALALKHAN 11
I hope you took in all that was said and will put it into
good use.
“No man can reveal to you nothing but that which
already lies half-asleep in the dawning of your
knowledge. -Khalil Gibran ”