Useful Links: When can I, Ning news, IE9

When can I use provides compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies. Very useful.

Ning Partners with Pearson to Sponsor Free Network Access for educators. Good news for educators. “Ning is announcing that Pearson, a education-focused publishing company, is sponsoring network costs for Ning Mini platforms for educators come July. Ning says the partnership will extend for three years.”

The IE9 Platform Demos are open for test drives. The big news includes support for canvas, audio, and video elements from HTML5.

InterACT Summit video now available

The InterACT summit can now be viewed online by all, thanks to the fantastic efforts of Environments for Humans (e4h). The event was a book launch celebration for InterACT with Web Standards and featured top notch presentations about

Every presentation was excellent. A few high points. Glenda Sims presentation on Content Strategy featured innovative slides that set a new standard in what is possible with Powerpoint. Derek Featherstone’s talk garnered the most interest and questions from educators who want specifics about teaching accessibility. Leslie Jensen-Inman knocked it out of the park by explaining how busy and overworked teachers can save themselves time and work with the InterACT book and curriculum.

If you couldn’t attend or get a seat during the original broadcast, take advantage of this terrific opportunity from e4h.

It requires the download and installation of Adobe Connect to view, so allow some time to futz around getting that done if you don’t already have it installed. I couldn’t get the download button to work from the link e4h sends you to, but I found it another way by searching adobe.com.

Optimize your writing for users with impaired vision

Users with screen reader devices will scan and skim your web page in a manner somewhat similar to the way a visual user will. Screen readers can be programmed to read only headings, subheadings and links. When something of interest pops out from this “skimming” process, the user can stop and have all the information in a particular section of the page read completely.

The first step is to write meaningful headings and subheadings that contain important words and phrases. The first paragraph under each heading should clarify what the section of the page content is about.

Next, make sure that link text is informative. Link text should give users some idea what they will find when they click. Link text like “here” or “click here” is not informative. The link text in this example is descriptive and informative: Google is trying a similar thing with HTML5 Rocks. It’s obvious that a click will take the user to HTML5 Rocks.

Finally, write alt text that gives an alternative description of the content or function of an image. For example, in book reviews such as the recent one of Mobile Design and Development, the alt text for the image of the book cover is “get Mobile Design and Development at Amazon.” While it does not say that the image is a book cover, it does tell the user what happens if the image is clicked–functional alt text.

These tips are best practice for all users. Optimizing your writing for users who are surfing your page with their ears will improve your page for users who are scanning the page visually, too. Like many practices that have been adopted as accessibility requirements, good writing benefits all users, not just those with visual impairments.

Useful links: Usability, graphic design, HTML5 Rocks

The You-Don’t-Matter Website is a look at usability and accessibility for some large brands.

Graphic Design Theory: 50 Resources and Articles is from noupe.

Apple’s attempt to wow the world with HTML5 flopped. Now Google is trying a similar thing with HTML5 Rocks. There are tutorials, Chrome developer tools, and the promise that the material in the playground and presentations is open source. Let’s see if Google can do it right.

How to Choose a Domain Name or Username

Is this you? You’re ready to start a new blog or buy a new domain name. You want to avoid problems with trademarked names, branded names, and domain names. How do you find a name that someone else doesn’t already have a claim to?

The question What if someone is already using my user name?…and other assorted questions in the How to Blog (Better) group discussion is a good example of the issues many people face. The domain name of choice is available, but someone is already using the username on Twitter. If you can’t match your domain name or blog with the name you intend to use on Twitter (or Facebook, or anywhere else) then how do you create a brand identity for yourself?

What if you choose a blog name or username that someone is using somewhere and they come after you for infringing on their brand or trademark? Not fun.

Early in the process of choosing a name for yourself, you need to take a look at all the possibilities.

A good way to start is simply to search for the name you want and see what turns up. If I search for vdebolt, I find almost 9,000 results. Here are the first few, including a Twitter name, a domain name, and an unexplained association with a site called Web Teacher.

name search

Virginia DeBolt = vdebolt. I pretty much have a lock on the name vdebolt. (By the way, the reason Web Teacher shows up in a search for vdebolt is because of an hCard. You can learn how to use hCards here.) If someone came along and started using that username, I would object.

Even if I didn’t own the vdebolt.com domain, I might be using the vdebolt username in several places. That was the issue in What if someone is already using my user name?…and other assorted questions.

You can do a username search.

username search

Google found 438 instances of the username vdebolt, with the first results coming from Twitter. Only the first few results are relevant, but they would be enough to show that the name is already in use if you were considering using it.

If you want to sign up for a free blog at wordpress.com or blogspot.com, you won’t be allowed to select a username that’s already in use.

My friend Rachel recently decided to start blogging. She writes about food, gardening, and cooking. She selected the name And then make soup. This name was available as a username on both blogspot.com and wordpress.com. She started with a Blogspot blog, but decided in favor of WordPress. Rachel has this username on both the big free blogging platforms, although she’s putting her posts at And Then Make Soup on WordPress.

Rachel doesn’t want to buy a domain for her blog, but it’s a good idea to check to see if the name is being used by someone with a domain. There are several ways to check on the availability of a domain name.

One way is to type the name in the browsers location bar and see what comes up. If I try to navigate to andthenmakesoup.com, I get an error message.

error message

I recently wrote a chapter for a book called InterACT with Web Standards and needed an imaginary domain name to use for some student exercises. I choose Battle Hill Bistro or www.battlehillbistro.com as the name and checked to make sure it wasn’t real by typing the URL in the browser to see if anything came up. It didn’t.

Another way to check on whether a domain name is available is to go to one of the domain registrars and search. Here’s the form from Go Daddy. Type in the name, choose .com or .net or .whateveryouwant and see if it’s available.

domain search

It turns out that this domain is available in just about any form you’d want. And, Go Daddy will be glad to sell it to you.

domain search results

Rachel is thinking about buying and parking (parking a domain means you own it but you don’t have anything live on it) several of these domain names, just so no one can come along and steal the name she wants to have associated with her blog/brand. She may have done it by now.

Rachel already can claim some association with the phrase and then make soup. A search on the phrase brings up her wordpress blog. You also see an unrelated Twitter result and an unrelated result from Simply Recipes, which as most foodies know, gets superb search engine results.

phrase search results

Even though and then make soup is simply a phrase, and you can’t copyright that, Rachel could justify a sense of ownership in the phrase. If someone else started using it as a username on another blog, on Facebook or in some other way, she might complain and try to call a halt to it.

If you search for andthenmakesoup all run together like a domain or blog name, you also turn up Rachel’s blog.

andthenmakesoup search

This doesn’t really protect her if someone decided to buy a domain and start a standard web site by the same name as her blog. But the existence of the blog should give pause to anyone thinking of buying the domain. They wouldn’t want to be losing traffic to a site with a similar name.

Tech Crunch recently ran an article about Yahoo! buying flicker.com that included an interesting quote from Caterina Fake of flickr.com explaining how the whole e-less Flickr name happened when Flickr worked around already the existing Flicker domain name. (Interesting that the unintended consequence of Flickr’s decision to go e-less was a new trend in that direction by a series of other web sites such as tumblr.com.)

A consideration I’ve learned about the hard way is the relative value of the more common domain options like .com, .net., and .org. When I bought webteacher.ws all the more common choices were gone. I should have considered that enough reason to choose something completely different, but I went with the .ws. It was a mistake. It’s too obscure. Nobody remembers it. And the more common names like webteacher.com take away traffic that might be meant for me. Too bad I made that poor choice before the Flickr came along, I might have tried to hit the jackpot with webteachr.com!

You want to be unique and memorable. You want to avoid trouble from other people using the same name. The best way is to do your homework before you settle on a name. See what’s already out there. Then make a choice.

Cross posted at BlogHer, where there is additional trademark information.

Better the second time around

What’s hot here on Web Teacher?

What about some of the other stuff that I write? A couple of items published as the TGB Elder Geek are worth a second look.

At eHow, these articles are getting some attention.

At BlogHer, these articles are hot.

Review: Mobile Design and Development


get Mobile Design and Development at amazon

A review by Web Teacher of Mobile Design and Development: Practical Concepts and Techniques for Creating Mobile Sites and Web Apps (rating: 4 stars)

Mobile Design and Development by Brian Fling is from O’Reilly (2009). This is a rich, deep look at mobile design. A multitude of devices and platforms defy standard answers to every mobile design and development situation, but Fling leads you though some steps meant to help you navigate those issues.

The book first explains the mobile landscape and defines some of the needed terminology. A look at the scope of the mobile market gets a chapter. Fling devotes Chapter 4 to “Designing for Context.” Context is an important concept he returns to in every chapter. He defines and redefines context throughout the book. In Chapter 4 he explains context as the way users will derive value from something they are currently doing. From this viewpoint, user context understands user circumstance. Context also means the environment in which a task is performed. These types of context include physical location, device, platform, access, media and the user’s time and attention.

To design for context, he poses some questions such as,

  • Who are your users?
  • What is happening?
  • When will they interact?
  • Where are they?
  • Why will they use your app?
  • How are they using their mobile device?

Chapter 5 talks about developing a mobile strategy. He looks at reasons why some attempts fail while others succeed. The style of thinking that works in other forms of design and development don’t work for mobile. He takes a look at thinking patterns and development decisions and makes many points about how to unleash the creativity needed to develop for the new world of mobile.

The many types of mobile applications are explained in Chapter 6. In Chapter 7, he explains information architecture as it applies to mobile devices. In Chapter 8 he discusses the elements of design that apply to mobile.

  • Context
  • Message
  • Look and Feel
  • Layout
  • Color
  • Typography
  • Graphics

Mobile Web apps vs. native applications are examined in Chapter 9. There’s also a chapter devoted to the notion of mobile 2.0. The nitty gritty details of using HTML, CSS, and JavaScript to create products for mobile browsers and devices gets the treatment in Chapter 11, and in Chapter 12, which is focused on iPhone Web Apps and WebKit. He talks about how to take an existing Web app and adapt it for mobile. There’s a chapter about how to make money in mobile. A chapter devoted to devices and device testing plans has good ideas for ways to test. The book winds down with a chapter on the opportunities and future of mobile.

Anyone who is thinking of developing for mobile can benefit from this book. I think it would be especially valuable for business leaders who are successful in some area of technology and want to move into the mobile market. Thinking that worked in other situations doesn’t help in mobile. The thinking patterns, development strategies, and new approaches needed for mobile development are well explained here. A person willing to make the changes needed will find excellent examples and strategies for change in this book.

Summary: In-depth guide to mobile design and development concepts and techniques.

Cross posted at Webuquerque.