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.

HTML5?

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.

125 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”

    https://authenticlifecare.com.au/

  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

Leave a Reply