Use an Online Code Editor


Home → Workshops → Use an Online Code Editor


Instead of practising some HTML and CSS code with a local editor as Dreamweaver or Atom (freeware) – which would take too much time – we’ll practise with a free browser-based online editor.

thimbl

We’ll use Mozilla’s THIMBLE. Please go to https://thimble.mozilla.org/en-US/ or click on the image above.

Everything else is done there, I’ll indicate how to code.

Picture’s can not be uploaded at Thimble, so you can use a picture of mine with that code:

<img src="http://webworkshop.ch/downloads/animation.gif">

You can use any other web based image by right-clicking on that image, “Open image in a new tab”, then go to that tab and copy the picture’s URL, paste this URL in the SRC attribute of the IMG tag shown above.

Here’s a web view of my code sample

Alternatively, you may copy my sample code from here and paste it in your Thimble:

If you want to use other fonts go to Google Fonts and choose yours. I’ll show how to implement their code.

 


Other online editor platforms:

Advertisements