We must be careful if we don’t want to make HTML5 look bad.

December 6th 2011

There are some thing we all know we must never do with a technology. For example, we all know we must not do a welcome page in flash anymore, we also know that little animated gif envelopes are banned from contact forms.

These examples have done nothing more than give us content to mock at these poor technology choices.

There seems to be general consensus about these and quite frankly, they are banned because they either don’t bring anything more to the user or are plain ugly.

Let’s be careful with how we handle all these new APIs that are available to us.

Popup games

I think they should now enter the hall of fame of bad use of technology. I just came across this FWA website of the month today and god is it bad.

It uses popups to create a game that works pretty much the same way The Incredible Machine worked. The concept is not bad at all, but the execution is where it fails.

The programmers did a very good job, all the cases are well handled and the game seems to work as intended. That’s not where the problem is.

I’ve tried to play with it for a good 15 minutes, I got the hang of it but the technological choice was really in the way, making it hard to enjoy the game itself.

Good technology is not magic dust 

We always need to be careful when we make a technological choice, we have all these great tools we can use today but because we can use them does not mean we should.

Technology should enhance user experience, not get in the way. Many times while playing that game I clicked mistakenly on the background causing all the popups to go behind the main screen forcing me to press the “restart” button. That’s a good thing the programmers thought of implementing that functionality.

Also, every time you load a level, you have these popups that loads in the bottom left of the screen and then are repositioned, you get the feeling that so much stuff happen at the same time that you have no clue where you should focus.

In now way did the popups enhance the experience. This type of experience worked well with The Wilderness Downtown and that’s probably because you could enjoy the site passively not having to interact with anything while watching the videoclip.


Where it hurts the most is that this site is seen as a technological demo of what HTML5 can do. What’s the takeaway after playing this game? “HTML5 can move popups and play videos!”. Really I feel we’ll laugh at that 5 years down the road.

145 Responses to “We must be careful if we don’t want to make HTML5 look bad.”

  1. inter says:

    Good source of information. It will help me a lot with creating my new site. Thanks a lot.

  2. “GREAT, this post acknowledges me more about to twitter. thank you keep posting.”

  3. lohi says:

    Take a look at this snippet from an InfoWorld article: His advice on HTML5 was endorsed by industry analyst Al Hilwa of IDC

  4. I do it carefully and thank you for this,

  5. run 3 says:

    This is a great thing, I think everyone feels this information is very valuable, thank you

  6. Carmelia Beckenbach says:

    Manfaat kaca film yaitu Menolak Panas Memeberikan kenyamanan dengan menolak panas dari paparan sinar sang surya dikala berada dalam kendaraan beroda empat atau ruangan. silahkan berkunjung ke https://kacafilmrumah.jabodetabek.my.id/2020/10/pasang-kaca-film-rumah-cilandak-jakarta.html jika Anda tertarik

  7. maryclark says:

    I am going to bookmark this website for future updates.

  8. Anderson says:

    Really incredible blog thanks for sharing the valuable info by life care melbourne

  9. Savannah Addison says:

    “Really incredible blog thanks for sharing the valuable info by life care melbourne”


  10. Derby Huxley says:

    I like using html. Your website is good with many information useful for everyone. goldbee.com

  11. I agree with most of your opinion, but the fact that the new window pops up beyond my wish is something I don’t like! because I missed it I was looking for something newer or more desirable!

  12. internet6 says:

    Thanks for knowlage you share about html

  13. internet says:

    Really great to read thanks

  14. internet says:

    html is html thats the point

  15. Derekmot says:

    Не могу не поделиться! Очень понравилась женская сумка в магазине Озон, привезли курьером через три дня после оплаты, качество изумительное,
    даже не ожидала от китайского производителя.
    Всем модницам рекомендую (да простят меня модераторы за ссылку:
    https://www.ozon.ru/context/detail/id/254780192/ )
    Продавец ещё скидку 5% дает по запросу.
    Ура, я счастлива!

  16. among us 2 says:

    I found that this post is really a great blog. It contains a lot of useful information.

  17. Maler says:

    Very interesting post, thank you

  18. lennon tilly says:

    Logo Cravings has the best logo designers who are able to provide quality logos with an excellent concept. Our success lies in customer satisfaction. We make sure we deliver the best version of the brand in the form of a logo that is easily recognizable on the business card, website, marketing materials and social media. The logo is the target audience’s first interaction with the brand and is definitely influential. That’s why we, bestlogo design agency in usa, with our impeccable logo design service strive to help build a strong relationship with your audience.

  19. html模版带罗汉钱的饺子  带罗汉钱的饺子    长篇纪实文学《 孔子读书阁 情书208》节录    田采三    今天早饭比往日送得迟了点,我正自纳闷,孔子读书阁,田大爷送饭来了,饭是用两只碗扣着的,掀开碗,里面是新鲜的水饺。啊,真稀罕!我差点叫出声来。    田大爷笑着说:”今天是阳历年,知道吗?”    我破例笑了一下,笑得很勉强你知道,我这掌管笑的三岔神经早已退化了。    呵,久违了,水饺!田大爷离开后,我一边吃着水饺,一边天马行空地胡思乱想。自从八月暑期在魏局长家里吃过那次水饺之后,到今天大概已有四五个月了吧?从小,我最爱吃的就是水饺。我妈是济南章丘人,章丘大葱举世闻名。妈妈最喜欢用羊肉、大葱

  20. Anonymous says:

    […] yoxpdh Representing the most expensive car in Tom Brady car collection eepins For some of us hdtfxn who actually social distancing guideposts ukkgcd The bike has a magnetic resistance mechanism for a quiet gwbvwj but rather to elevate it […]

  21. Shirish says:

    Thanks for information

  22. Anonymous says:

    […] assault accusation against councilwoman atomsm Largest Faceted Gemstones in the World Are Members nehgyj Cops on hunt for Cape Town cigarette heist gang ttpnja The Benefits of Applying Online for a Credit Card duvscq Do You Need a License to Be a […]

  23. bngvhcbbmj says:

    火线任务(Heat Project)服务端飞飞OL服务端洛汗服务端天之炼狱服务端

  24. jamie says:

    We should initiate some effective programs and awareness events regarding the society security safety. There are many options for the development of this environment. I have been working as a sales specialist and help people connecting people with flirtymania.plus around the world. Thanks for sharing this post with us.

  25. Thank you so much with regard to giving us an update on this issue on your web page.
    Please realise that if a brand-new post appears or if any changes occur with the current submission, I would be thinking about reading a lot more and focusing on how to make good usage of those methods you share.
    Thanks for your efforts and consideration of people by making this site available.

  26. john wick says:

    Really incredible blog thanks for sharing the valuable information. Slider Revolution

  27. Cleopatra says:

    I like to draw imaginary arching lines from matching opening and closing tags. If any of the lines cross, then you have probably nested improperly. BCT group

  28. Mqkloy says:

    Zdbvuo qqpfp https://erectbsp.com/ Ijuzww Nxlwbz Wssvgx

  29. Good way of telling, and pleasant post to obtain data concerning my presentation focus, which i am going to convey in institution of higher

  30. Prince says:

    Thank you for the excellent articles share with us. Please share some other topics with me, I am a really big fan of your writing skills and I agree with this. You might be interested in t.j. maxx payment methods 

  31. rosmanoX says:

    Wanna see girls in tights? Follow my insta – instagram.com/nylons_4ever

  32. Oh my goodness! Incredible article dude! Thank you, However I am experiencing difficulties with your RSS.
    I don’t know the reason why I can’t join it. Is there anybody else getting similar RSS issues?
    Anyone who knows the solution can you kindly respond?

  33. roman davis says:

    “HTML is the name,e of coding which is used in a business website when a designer starts to design any website but I like to use t HTML when I share my services of https://www.thesiswritingservices.co.uk/feeling-exhausted-because-of-assignment-workload/

  34. chrisgail says:

    HTML is the name,e of coding which is used in a business website when a designer starts to design any website but I like to use t HTML when I share my services of https://www.affordable-dissertation.co.uk/dissertation-writing-services-uk/

  35. Very good post thanks for sharing !

  36. William Smith says:

    This is an amazing blog I have read this and I loved every single word written in this blog. It really mind-blowing https://www.jacketpop.com/product/emily-in-paris-sylvie-grateau-purple-coat.html

  37. William Smith says:

    This is an amazing blog I have read this and I loved every single word written in this blog. Its really mind blowing https://www.jacketpop.com/product/emily-in-paris-sylvie-grateau-purple-coat.html

  38. Games MATH says:

    how can we keep up a correspondence?

  39. hackaday.Io says:

    Helⅼo there! Do you know iff they mаe any рlugins to protect against
    hɑckers? I’mkinda paranoid abput losing evеrything I’ve worked hadd on. Any ѕuggestions?

    Visit my website … Inteⅼlifluence Scottsdale

Leave a Reply