This product is no longer available. Check out top picks for more great tools.
Website review by David Thomas, Common Sense Education | Updated April 2016
Mozilla Thimble

Mozilla Thimble

Inspiring platform teaches coding through remixing

Learning rating
See full review
Community rating
Based on 5 reviews
Privacy rating
Not yet rated Expert evaluation by Common Sense
Grades
4–12
Subjects & Skills
Arts, Creativity
Great for
Coding, PBL
Platforms:  Website
See how we rate and review

Take a look inside

5 images
Thimble provides an easy-to-use Web-page-creation platform.
Template projects let students edit code on the left side of the page and see the results on the right.
Making your own pages is easy with instant feedback.
A variety of template projects, such as comics, can be used in all subjects.
Examples of projects that students can create are endless.

Pros: Remixable starter projects along with immediate, visual coding feedback guide students toward more sophisticated creations.

Cons: Without any direct instruction, the text-heavy code could discourage some students from jumping in or staying engaged.

Bottom Line: Thimble is an excellent, free resource for teaching students to code through experimentation.

How Can I Teach with This Tool?

Teachers can use Thimble to help students code and show what they've learned through code. However, some teachers may want to provide students with additional lessons and resources outside of Thimble. Mozilla provides other Web tools through the Mozilla Learning Network, all of which could be excellent to use in the classroom. Learning to write HTML for Web pages requires a lot of close reading and attention to grammar and syntax. Modeling how to read and write code is a great way for teachers to communicate to students the importance of analysis and care in reading and writing.

As Web pages, in general, are containers for content, Thimble can offer teachers and students a new place to host multimedia projects, research, or writings. Thimble gives educators and kids an authentic way to publish content-based work. As students become more experienced with HTML through Thimble, teachers will also find that students are ready to create their own free and open multimedia pages and Web portfolios, reducing the need for expensive and "closed" (not remixable) technology purchases for the classroom.

Continue reading Show less
Put this tool into practice:
Standards:

Editor's Note: Thimble is no longer available, and Mozilla is now directing users to the Glitch platform.

Thimble is an online Web page editor and set of remixable projects designed to help students learn how to write the Web. The Web-based program displays two windows at once to show students how the code they write creates the pages they see on a browser. As students edit code in the left window, the changes they make to things such as color, font, and images immediately take effect on the right.

Template projects and teacher supports help bring the often complex code to life quickly. Thimble also lets students compose their own Web pages from scratch, when they're ready to work independently. Using Thimble lets kids experience the joy of discovering that they, too, can create and publish Web pages using authentic code.

Because it's designed to show students how their actions can change the way a Web page looks, Thimble is a great place to get practice with coding, Web design, and problem-solving skills. However, it's important to note that Thimble isn't a resource for direct HTML instruction. This is great for some students, especially those who learn well through experimentation. However, some other students may want a more direct approach, with outside lessons on the specifics of HTML syntax. See Mozilla's Teaching Activities for more support.

For those students who are happy to play and experiment with Web design and remixing projects, Thimble does have supports in place, especially through the online community. As a free, open, and well-supported platform, such as Scratch, Thimble provides one of the most inviting and supportive environments available for students who want to join the learn-to-code movement in an experiential way.

Overall Rating
Engagement

Authentic coding practice comes alive through fun, community-generated projects. Whether kids learn through guided remixing or start a project from scratch, many can find an enjoyable entry point into Web design.

Pedagogy

Students learn to write and remix their own Web pages with side-by-side windows that instantly show the effects of their tweaks. Great for students who are happy to experiment; those who need HTML instruction should look elsewhere.

Support

Immediate feedback, a supportive community, help text, and tutorials support students throughout the Web-development process.

Common Sense reviewer
David Thomas Director of academic technology
See how we rate and review

Key Standards Supported

Writing

  • W.4.4

    Produce clear and coherent writing in which the development and organization are appropriate to task, purpose, and audience. (Grade-specific expectations for writing types are defined in standards 1–3 above.)

  • W.5.4

    Produce clear and coherent writing in which the development and organization are appropriate to task, purpose, and audience. (Grade-specific expectations for writing types are defined in standards 1–3 above.)

  • W.6.4

    Produce clear and coherent writing in which the development, organization, and style are appropriate to task, purpose, and audience. (Grade-specific expectations for writing types are defined in standards 1–3 above.)

  • W.7.4

    Produce clear and coherent writing in which the development, organization, and style are appropriate to task, purpose, and audience. (Grade-specific expectations for writing types are defined in standards 1–3 above.)

  • W.8.4

    Produce clear and coherent writing in which the development, organization, and style are appropriate to task, purpose, and audience. (Grade-specific expectations for writing types are defined in standards 1–3 above.)

  • W.9-10.4

    Produce clear and coherent writing in which the development, organization, and style are appropriate to task, purpose, and audience. (Grade-specific expectations for writing types are defined in standards 1–3 above.)

  • W.11-12.4

    Produce clear and coherent writing in which the development, organization, and style are appropriate to task, purpose, and audience. (Grade-specific expectations for writing types are defined in standards 1–3 above.)

Back to top

Key Standards Supported

Engineering Design

  • 3-5-ETS1-2

    Generate and compare multiple possible solutions to a problem based on how well each is likely to meet the criteria and constraints of the problem.

  • 3-5-ETS1-3

    Plan and carry out fair tests in which variables are controlled and failure points are considered to identify aspects of a model or prototype that can be improved.

  • MS-ETS1-2

    Evaluate competing design solutions using a systematic process to determine how well they meet the criteria and constraints of the problem.

  • MS-ETS1-3

    Analyze data from tests to determine similarities and differences among several design solutions to identify the best characteristics of each that can be combined into a new solution to better meet the criteria for success.

Back to top

Community Rating

(See all 5 reviews) (5 reviews)
Featured review by
Audrey W. , Classroom teacher
Classroom teacher
Bishop Amat High School
La Puente, United States
An interactive and open source platform to acquire web design skills individually and collaboratively
It's a user friendly platform for students who know basic HTML and CSS. The students have lots of fun with the website because they can choose working on the project based on their interests. I also appreciate the teaching resources which allow us to remix and reuse.
Read full review

Privacy Rating

This tool has not yet been rated by our privacy team. Learn more about our privacy ratings

Explore Our Favorite Tools