A Thimble Full of Fun


You know those popular graphics about keeping calm?

They started as kind of cool and interesting.

Then, the questions become – how do I create my own?

A common answer is to use an editor like Gimp to edit an existing product and make it yours.  Then, we got hit with a flurry of badly edited graphics.

Now, thanks to a relaunch of Mozilla’s Thimble, you can create your own perfect web page or graphic with a little HTML editing knowledge.

Isn’t this much better?

Much better.

And, so much easier than hitting a graphic editor, matching colours, etc.

How to do it?  Using Mozilla’s Thimble editor and a little remixing of the original.

Even if you’ve never coded in HTML before, the example is really intuitive.  Just do a little reading and kudos to Mozilla for including comments inline to help the process.  It’s a wonderful and practical reinforcement for a post from me earlier this summer.  Have You Read a Good Program Lately?

Edit the text in the index.html file and the colours in the style.css.  In addition to a good example of documentation, so is the use of file structure and even indenting.  Of course, I’m sure that there are a million ideas running through your mind now.  Even student creation of their own graphic for their projects is so possible.  p.s. don’t tell them that they’re actually learning to code while doing this!

This poster creation isn’t the only one tailored for teachers at this time.  Check out the others up for remix on the opening page.

For a permanent copy, you’ll need to create an account on Thimble and your results can be published to the web if you wish.

https://d157rqmxrxj6ey.cloudfront.net/dougpete/2488

Advertisements

OTR Links 09/05/2015


Posted from Diigo. The rest of my favorite links are here.