Skip to content

Category Archives: WebTeacherTips

Resolving conflicts in CSS made simple

Two or more conflicting CSS rules are sometimes applied to the same element. What are the rules in CSS that resolve the question of which style rule will actually be used when a page is rendered by a browser? The answer is, “it’s complicated.” Several factors are involved. I’ll give you a brief explanation of [...]

HTML5: the new hgroup element

In HTML5, the new hgroup element serves an interesting purpose. I want to build you an example, starting with the hgroup element and working outwards to show how it could be part of the new article element. The hgroup element can contain only h1-h6 elements. Here’s an example: <hgroup> <h1>10 Terrific Tech Blogs by Women</h1> [...]

3 Tools to Check Color Contrast

Color contrast is a major accessibility issue on a web page. The greater the amount of contrast, the better the readability is for a page. The most contrast you can get is black text on a white background. Things go downhill from there. The degree of readability loss with colors other than black and white [...]

7 Tips for New Bloggers

I’ve been blogging a long time–since 2001. People ask me about starting blogs all the time. Here’s what I usually tell them. It’s easy to start a blog. If you can use Word, you can blog. It’s better if you are comfortable with web sites, icons, the Internet, and your computer isn’t scary to you. [...]

Red Hot Web Teacher Tips

The butterflies at the Butterfly Pavilion at the Rio Grande Botanical Garden are a treat. The hot stuff for the past week includes How to Look like a Wiz with RGBa Style a Fieldset with Rounded Corners using CSS Is this support call hilarious? What do you think? Styling a fieldset with CSS Playing with [...]

Use the scope attribute with table headers

Two simple steps that improve the accessibility of data tables are use table headers appropriately use the scope attribute with table headers The table header tag is <th>. You can assign a <th> element to the any column or row in a table where appropriate. Any row or column with a <th> can be given [...]

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 [...]

Required form fields in HTML5

One of many changes in forms that HTML5 is promising involves required form fields. In HTML 4 or XHTML, some scripting is needed to create a required form field. With HTML5, there is a new attribute available for required form controls. The attribute is required. The browser or user agent will check on this and [...]

Make Rounded Corners with CSS3

There’s a new version of Cascading Style Sheets (CSS) in the works—CSS3. With this new set of rules for styling your blogs and web pages, you can do things that previously could only be done with images. One bit of magic that you can do with a CSS style rule now is make rounded corners. [...]

How to Look Like a Wiz with RGBa

The RGBa color specification in CSS3 is almost ready for prime time. Most browsers (except IE) support the spec. Show your wizard skills by learning to use it. I’ll show you how to create a partially transparent background behind a paragraph using RGBa. The result will look like this: You get control over the alpha [...]