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

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.

http://codepen.io/ashblue/full/hfKde

Continue reading

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.

san-francisco-html5-game-developers

Create HTML5 games with other professional game devs

Continue reading

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.

html5-form-validation-fallback

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