Tag Archives: HTML5

HTML5 contenteditable Backspace Bug Fix

When editing text in HTML5’s contenteditable attribute you probably need to have all of your content wrapped with <p> or <div> tags like so.

<p>My text</p>
<p>Another line of text</p>

The problem is if you do the following it will screw up your block formatting and dump in empty lines of text. Which is nasty formatting you don’t want and the cursor placement will start wacking out in your contenteditable area.

Continue reading HTML5 contenteditable Backspace Bug Fix

JavaScript Anagram Generator

I take character development very seriously and love using anagrams. Problem is they are a pain to create without spending several hours combing through dictionaries, rewording names, and researching dead languages nobody speaks. I looked around for a free anagram research tool, but they were terrible (or for scrabble). Realizing I could write something to speed up my name research process, I created the JavaScript Anagram Generator app.


Continue reading JavaScript Anagram Generator

Why I started the San Francisco HTML5 Game Developers Meetup group

Building a video game in the wild west of HTML5 programming is no easy task. I’ve had many difficult problems with my HTML5 game A Dragon Named Coal through Clever Crow Games. How do you build a game CMS, distribute to several systems quickly, and find the resources you need to keep moving forward. Being involved in San Francisco’s Meetup.com scene I’ve met several other HTML5 game developers struggling with the same issues. To try and help unite these  developers to create better games, I’ve started the San Francisco HTML5 Game Developers Meetup group.

Create HTML5 games with other professional game devs

Continue reading Why I started the San Francisco HTML5 Game Developers Meetup group

HTML5 Form Validation Fallback (without a library)

Currently HTML5 form validation doesn’t work in every modern browser. Chrome, Firefox, and IE all have beautiful error reporting, but we can’t say the same about Safari or iOS. Mac’s webkit based browsers display no error messages, nor do they prevent submissions when the form is invalid (see screenshot). The oddest part is Safari actually supports HTML5 form validation almost completely. In order to get things working we’ll teach you how to write an HTML5 form validation fallback that relies on CSS and a snippet of JavaScript.

Current state of HTML5 form validation out of the box. Everything works except Safari’s Webkit based browsers. Which is a huge deal since it leaves out iPhones and iPads. To view a demo of the fallback you’ll create click here

Continue reading HTML5 Form Validation Fallback (without a library)

Half off my book HTML5 in Action

Today only (April 9th), Manning Publications is offering my book HTML5 in Action 50%. The book focuses on building HTML5 apps with JavaScript through various APIs. I wrote the chapters on visual APIs with Canvas, SVG, and WebGL that walk you through building retro game clones. Book is almost done, so this is a great time to get a copy before it lands on shelves.

Use code dotd0409au for 50% off

Continue reading Half off my book HTML5 in Action