Webmaster Tips: HTML articles

Choosing the right DOCTYPE

Wed, 02 Jul 2008 05:29:05 -0500

Here are the simple guidelines for choosing a doctype for a new HTML document, and explanation why you should prefer Strict DOCTYPE over Transitional.

Creating a Floating HTML Menu Using jQuery and CSS

Wed, 02 Jul 2008 05:27:14 -0500

For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant. This tutorial covers how to create a "floating menu" using HTML, CSS, and jQuery. To reiterate, a floating menu stays visible even if you scroll down a web page. They're animated, so they move up and down as you scroll the browser window up or down.

3 Principles of HTML Code Optimization

Mon, 05 May 2008 09:10:18 -0500

Just like spring cleaning a house, the html code of your web pages should get periodic cleaning as well. Over time, as changes and updates are made to a web page, the code can become littered with unnecessary clutter, slowing down page load times and hurting the efficiency of your web page. Cluttered html can also seriously impact your search engine ranking. This is especially true if you are using a WYSIWYG (What You See Is What You Get) web design package such as FrontPage or Dreamweaver. These programs will speed up your web site creation, but they are not that efficient at writing clean html code..

New elements in HTML 5

Wed, 23 Apr 2008 06:38:39 -0500

HTML 5 introduces new elements to HTML for the first time since the last millennium. New structural elements include aside, figure, and section. New inline elements include time, meter, and progress. New embedding elements include video and audio. New interactive elements include details, datagrid, and command..

How to insert AdSense, Chitika or any other Javascript code into new Blogger template

Sat, 15 Dec 2007 20:22:26 -0600

Not long ago Google Blogger platform added new widget-driven templates, which use different approach from the "Classic" template. Classic template was based on HTML, new Blogspot templates now are based on XHTML which is a branch of XML. So, classic templates are incompatible with new Blogger templates. New blogger templates use "Page Elements" (widgets) but the places where you can insert widgets are rather limited. So what about if you need more flexibility than they allow?..

Replace tables with DIVs and CSS

Mon, 06 Aug 2007 10:21:56 -0500

By now, most web designers are aware of the many benefits of using (CSS) to control the formatting and appearance of text elements within their web pages. Indeed, if applied properly, Cascading Style Sheets can substantially cut down the amount of code needed to present a web page in a polished and professional manner..

The Myth of W3C Compliance?

Mon, 30 Jul 2007 02:37:24 -0500

The past few years have seen a huge increase in the number of search engine optimisers preaching about the vital importance of W3C Compliance as part of any effective web promotion effort. But is compliant code really the 'Magic SEO Potion' so many promoters make it out to be?..

The Top Five Forgotten Elements

Fri, 11 May 2007 08:12:43 -0500

So you’re a front-end guru who spends your day churning out complex CSS layouts and dynamic DOM wizardry. You’ve mastered cross-browser layouts, you’re confident with your DOM scripting skills, and you’ve made every effort to make your pages as usable and accessible as possible. Before you declare your tasty web standards trifle ready to be served, have a read through the following five elements that may have slipped off your radar (dfn, cite, var, samp, kbd). They’re supported by all major browsers, and implementing them is easy to do and takes almost no time at all.

HTML Cheat Sheet

Mon, 08 Jan 2007 15:19:30 -0600

The HTML cheat sheet is a one-page A4 printable document, designed to provide a quick reference for HTML. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size HTML cheat sheet..

XHTML (eXtended Hypertext Markup Language): An Overview

Mon, 24 Jul 2006 09:13:00 -0500

Many Web pages today are poorly written. Syntactically incorrect HTML code may work in most browsers even if it does not follow HTML rules. Browsers employ heuristics to deal with these flawed Web pages; however, Web-enabled wireless devices (such as PDAs) cannot accommodate these hefty Web browsers. The next step in HTML's evolution comes in the form of XHTML (eXtended Hypertext Markup Language), which is basically a combination of HTML and XML..