×

Welcome to the Slashdot Beta site -- learn more here. Use the link in the footer or click here to return to the Classic version of Slashdot.

Thank you!

Before you choose to head back to the Classic look of the site, we'd appreciate it if you share your thoughts on the Beta; your feedback is what drives our ongoing development.

Beta is different and we value you taking the time to try it out. Please take a look at the changes we've made in Beta and  learn more about it. Thanks for reading, and for making the site better!

Learning HTML Through a Board Game

samzenpus posted about a year and a half ago | from the roll-the-dice-and-close-the-tags dept.

Programming 34

An anonymous reader writes "cHTeMeLe is a board game about writing HTML5 code. In cHTeMeLe, players endorse their favorite web browser (Firefox, Safari, Chrome, Opera, or IE) and then score points by correctly laying out HTML tags, while also trying to bug or crash their opponents' code. From the article: 'Despite cHTeMeLe's technical theme, its developers claim you don't need any web programming experience to play. The game takes web design standards and boils them down into game rules that even children can learn. To help less technical players keep everything straight, the tag cards use syntax highlighting that different parts of code have unique colors — just like an Integrated Developer Environment. No one is going to completely pick up HTML5 purely by playing cHTeMeLe, but it does have some educational value for understanding basic tags and how they fit together.'"

cancel ×
This is a preview of your comment

No Comment Title Entered

Anonymous Coward 1 minute ago

No Comment Entered

34 comments

Ugh... (-1)

Anonymous Coward | about a year and a half ago | (#41584153)

Unfortunately, you're still using shitty web technologies.that's not a very fun game.

The world needs more web pages (0)

For a Free Internet (1594621) | about a year and a half ago | (#41584177)

Sometimes slashdort is not enough, even though its vast informativitizzateionated discussions make it the Facebook of the Internet. The internet should be a place where everyone makes pages about things so that everyone can ecxel in excellence and greatness. The problm is U.S. imperialism and its reactionary drive for counterrrevolution in China under the false banner of "democracy." What we need instead is more cheese and more sexy. Join the Campaign for a Free Internet today, and awesome YOU!

I really hope we see this again. (1)

bistromath007 (1253428) | about a year and a half ago | (#41584259)

I will forget this, even though I want it. I hope there is another article when there's an English translation.

Re:I really hope we see this again. (1)

spadadot (879731) | about a year and a half ago | (#41588141)

The english translation is meant to be available at the same time as the (final) french version. This will be no more than 4-6 weeks from now.

It's so unfair... (5, Funny)

Theoden (121862) | about a year and a half ago | (#41584263)

...you guys ALWAYS make me play as IE! I'm not playing ever again! Pft!

Re:It's so unfair... (1)

serviscope_minor (664417) | about a year and a half ago | (#41585179)

What are yo complaining about? You only have to throw a double 7 to make page render correctly.

Re:It's so unfair... (0)

Anonymous Coward | about a year and a half ago | (#41585419)

What are yo complaining about? You only have to throw a double 7 to make page render correctly.

throw(new Double (7.0));

Profit!

Re:It's so unfair... (0)

Anonymous Coward | about a year and a half ago | (#41587005)

Error: java.lang.Double does not extend java.lang.Throwable

A giant waste of time (3, Insightful)

concealment (2447304) | about a year and a half ago | (#41584269)

I've now been around long enough to have seen a few dozen projects like this pop up, vanish within five years, and be completely gone without a trace in ten. They're not relevant because they're not effective.

To get people to learn to code HTML, get them a project they want to work on, and then guide them through the HTML stage to using a script to generate that HTML. By itself, HTML/CSS coding is a dead-end skill. The real goal should be the web application or site and how it's going to do something that people actually need.

Clever little games may seem to increase participation, but they really distract from the actual task and attract people who do not have the mental state to pursue the other skills they will need to further themselves along this path.

Re:A giant waste of time (1)

drinkypoo (153816) | about a year and a half ago | (#41584865)

I don't see why people shouldn't start learning HTML through an editor. OK, so I learned it by hand, but back then there were no editors, that doesn't make the manual approach better, it only made it necessary and taught me to find the >> keys without looking (and to type some entities...) But I'm equally at a loss to tell what a game is supposed to help. If you want to teach kids about nesting and containers, use cardboard boxes.

Re:A giant waste of time (3, Insightful)

Rhaban (987410) | about a year and a half ago | (#41584965)

I think it's intended as a real game, not a way to learn html5

Re:A giant waste of time (1)

ljw1004 (764174) | about a year and a half ago | (#41586047)

I've now been around long enough to have seen a few dozen projects like this pop up, vanish within five years, and be completely gone without a trace in ten.

Really? You've seen other board games built around the syntax of some computer language? Please tell me about them! I'd love to play them. I had thought this game was innovative and interesting, but if there's a whole collection of similar board games, I'd love to get into them. Didn't find anything on boardgamegeek.com.

Re:A giant waste of time (1)

braindrainbahrain (874202) | about a year and a half ago | (#41586929)

Really? You've seen other board games built around the syntax of some computer language? Please tell me about them! I'd love to play them. I had thought this game was innovative and interesting, but if there's a whole collection of similar board games, I'd love to get into them. Didn't find anything on boardgamegeek.com.

True (to my knowledge anyway), few boardgames use the syntax of computer languages, but there are many board games that use programming as a core mechanic in the game. The game of Rambots [boardgamegeek.com] comes to mind as an example.

Perhaps games using computer languages are more suited to computers in the first place? In that case, I can point to The Schemaverse [schemaverse.com] based on SQL, and Code Hero [kickstarter.com] based on Javascript.

Re:A giant waste of time (1)

JustinOpinion (1246824) | about a year and a half ago | (#41586497)

The Slashdot headline frames this in terms of "Learning HTML", but it's worth noting that the creators of the game don't view it that way. In their FAQ [ulule.com], they say:

Why "almost educative"? The game might have some educative values, because if you play it you learn things about HTML and the bass rules of programming. But the aim of the game is not to be "educative", it's first to be played, to be fun and enjoyed by everyone. You can eventually learn something but it's a plus... not the ultimate goal.

bad idea. (1)

hackula (2596247) | about a year and a half ago | (#41584311)

Not only will this stop kids from ever touching code again, it will also condition them to hate games generally.

You used marquee tag (4, Funny)

Ukab the Great (87152) | about a year and a half ago | (#41584323)

Go to jail. Do not collect $200.

Re:You used marquee tag (1)

Chemisor (97276) | about a year and a half ago | (#41586713)

That's a little harsh. Jail should be reserved for really evil tags like blink.

Re:You used marquee tag (1)

TheCarp (96830) | about a year and a half ago | (#41589391)

wow jail for blink tags? Talk about soft! I was thinking more along the lines of "rendition"

Re:You used marquee tag (1)

tlhIngan (30335) | about a year and a half ago | (#41593285)

Jail should be reserved for really evil tags like blink.

Oh, phew. I don't use <blink> anymore.

Me, I do my blinking in more harmless tags. Like <font>, <div> and the like.

(style="text-decoration:blink" - for those who don't want to put it in their css files.)

Can't remember when <blink> was actually deprecated in favor of its CSS counterpart...

Do we really want this? (1)

Hentes (2461350) | about a year and a half ago | (#41584343)

Do we really want to encourage kids to write non-standards-compliant code?

Re:Do we really want this? (2)

NatasRevol (731260) | about a year and a half ago | (#41585247)

Yes.

First you learn to code.
Then you learn to code well.

Just like everything in life.

Good initiative, bad implementation (1)

Foxhoundz (2015516) | about a year and a half ago | (#41584471)

HTML is best learned through trial and error. I never really understood the concept of the CSS or HTML until I began visualize a web page as just a stack of transparency paper that is moved around by CSS. Learning the tags alone won't do any good. You have to interact with the elements produced by the tags to really understand how HTML works.

I really hope they didn't misspell bored. (1)

Normal Dan (1053064) | about a year and a half ago | (#41584725)

I would love to see a game like this be actually fun to play. I've seen so many "educational" games that are just plane boring because they try to mix education and fun without actually integrating them. Here's hoping this one works out.

Re:mod 3o3n (0)

Anonymous Coward | about a year and a half ago | (#41585021)

Please kill yourself, you fail at trolling.

some ways to crash MSIE 6 (2)

magic maverick (2615475) | about a year and a half ago | (#41586019)

<html><head><title>Crash MSIE</title></head>
<body>
<input type crash>
<script>for(x in document.write){document.write(x);}</script>
<script>for (x in open);</script>
<style>*{position:relative}</style><table><input></table>
</body></html>

HTML5 was supposed to fix this (0)

Anonymous Coward | about a year and a half ago | (#41586767)

Why is it even possible to "bug or crash" an opponent who chose a different browser than you?! Because browser makers still implement the "standard" differently and don't render content identically. This game doesn't teach HTML5, it simply exposes and propagates one of the oldest and most annoying of HTML's long list of weaknesses.

Re:HTML5 was supposed to fix this (1)

NSash (711724) | about a year and a half ago | (#41623919)

Because browser makers... don't render content identically.

Which should be perfectly okay.

Got to DOWNLOAD! (0)

Anonymous Coward | about a year and a half ago | (#41589393)

A game that you need to download. Why not written in HTML5 you play on line.

Check for New Comments
Slashdot Account

Need an Account?

Forgot your password?

Don't worry, we never post anything without your permission.

Submission Text Formatting Tips

We support a small subset of HTML, namely these tags:

  • b
  • i
  • p
  • br
  • a
  • ol
  • ul
  • li
  • dl
  • dt
  • dd
  • em
  • strong
  • tt
  • blockquote
  • div
  • quote
  • ecode

"ecode" can be used for code snippets, for example:

<ecode>    while(1) { do_something(); } </ecode>
Sign up for Slashdot Newsletters
Create a Slashdot Account

Loading...