Markup Tutorials

  • By
    Advanced CSS Printing — Using CSS Page Breaks

    I have one customer that absolutely insists his web pages print perfectly. Why? Because he refuses to look at his pages on the screen -- he tells his employees to print the website for him to look at. And since he looks at...

  • By
    HTML Test – Name The HTML Elements

    If you're looking to test your HTML knowledge (and who isn't?), take a trip to the justsayhi website. How many elements can you name in five minutes?As an aside, the JavaScript built into the test is simple but perfect...

  • By
    Compress Your XHTML Page Output Using PHP Output Buffers

    Us programmers love to keep our code readable and neat, which is why we use hundreds of tabs and line feeds in our code. The problem with doing this in the web programming world is that our users don't care about our neatly indented code.

  • By
    Horizontally Center Your Website Structure Using CSS

    Every web programmer knows that you can't code a commercial website for a specific browsers or user experience level, much less a screen resolution. Since you can't count on a user having the latest and greatest, you need to use the lowest common denominator of...

  • By
    Fluid Anchors – Smooth Anchors Using MooTools

    While we as programmers get more used to using AJAX and advanced JavaScript frameworks, we can only assume that our users will. At one time, it was acceptable to have elements dynamically just "pop into" the screen but now we must strive to make the...

  • By
    Advanced CSS – Class Is Out – Avoiding Classes By Using Formatting Tags For Structure

    Nothing makes me cringe more than when I see other programmers use a class declaration for every XHTML tag in their programming. Using too many CSS class declarations can result in: Bloated page downloads for the user Bloated CSS file downloads for the user Difficulty in editing CSS...

  • By
    Advanced CSS Tables – Using CSS3 For Alternate Row Colors

    CSS finally addresses an issue that I've been peeved wasn't fixed earlier. The DIV movement of getting away from table-based design taught us that tables should be used only when you're presenting a table of data on your website, yet no CSS selector/rule was created...

  • By
    Remove Internet Explorer’s Gallery Image Toolbar

    Long ago Internet Explorer introduced the Gallery Image Toolbar which places a toolbar over an image if you hover over the image for a second. I've never seen anyone use it and it is more of an annoyance than anything else. There are two...

  • By
    How To Give Your Site A Favorite Icon

    Undoubtedly, you've been to websites that have a custom icon in the address bar. Oftentimes the icon is the organization logo, mascot, or at the very least the organization's colors. There's a lot more to the favorite icon than most people probably think. Advantages of...