Skip to content

Category Archives: WebTeacherTips

Want to get in on Google +1? Here’s how.

Google +1 is now live. If you want to make it part of your process, here are some tips for getting started. Add it to Your Web Page Mashable has directions for adding a +1 button to a WordPress blog. Others can add it by using this bit of JavaScript at any point in a [...]

Hypermile your CSS

Have you heard these rules for best practices in web design? Keep your HTML as lean as possible – stick with plain old semantic HTML (POSH) Put all your presentation rules in the CSS Well, it’s possible to do #2 while failing at #1. That’s because of a condition known as classitis. Classitis is a [...]

Attribute Selectors: They’re Unicorns and Rainbows

There are many types of selectors in CSS. If you’re still making your way through the darkness with nothing more than a few element selectors, a few classes, some ids, and the occasional pseudo selector, you need to find your way into the light with attribute selectors. I wrote about Attribute Selectors in CSS back [...]

Multiple Background Images with CSS3

There are two background images on the demo page. The page is a standard Dreamweaver HTML template page, with the styles in the document head. To add a second background image URL, the Dreamweaver style element must be edited manually. Here’s the relevant rule: background: url(img/Adelie_Penguin-sm.jpg) right bottom no-repeat, #FFF url(img/bg.jpg) repeat; You can view [...]

HTML/Text editor recommendations

I got this email the other day: I have a rather odd request to ask. I am trying to learn how to write web pages for fun and maybe more down the road. At present I have several different editors to choose from, and was wondering if you could give me some advice as to [...]

How to Turn off the Admin Bar in WordPress 3.1 – Updated

I just upgraded to WordPress 3.1. I was dismayed to discover an admin bar taking up space at the top of my blog when I was signed in. Maybe you love the admin bar. I don’t happen to want it there. How do you get rid of it, if you are like me and don’t [...]

Media queries 101

Media queries are part of the CSS 3 recommendations that worked beginning with HTML 4 and CSS 2. Lately they have been touted as a solution to designing for mobile devices. The trend has earned the label “responsive web design.” I thought it was time to look at the basics of media queries. When you [...]

Free eBook on fieldset CSS

The posts here on fieldset CSS are so popular, I decided to put them all together in one PDF file and offer it as a free download. It’s a PDF file, so it isn’t perfect, but it does give you the information you may be looking for all in one place. If you have any [...]

How good link text makes you a better blogger

I’m going to tell you a little story and then I’m going to give you a quiz. A few days ago, I posted a guest article by Lior called Increase your SEO Knowledge in 2011: Must Read Blogs. Lior sent me the post pasted into an email. I use Microsoft Entourage (a Mac mail program [...]

How to make HTML5 semantic elements more accessible

The new semantic elements in HTML5 hold accessibility promise. It’s merely potential for improvement at the current time, because the semantic elements introduced in HTML5 are not yet universally recognized by browsers and assistive technology devices. Here are some of the the new elements. header: header can be used for a page element, a section, [...]