CSS, JavaScript and XHTML Explained

Overview of Topics July 4, 2007

• Javascript
• CSS
• XHTML
• Other Resouces

Tutorials & How Tos:

• Firebug: A firebug overview
• YSlow: Optimizing actual and perceived download speed
• Web Accessibility: Section 508 compliance
• Beginning AJAX using the YUI Library: AJAX YUI step by step intro
• Creating a Javascript Date object
• CSS instructional pages (how to’s):
  • Best Practices
  • Vertical Centering
  • Cursors
  • List Item Bullets

JavaScript

Javascript: Things you should know

These entries are articles about javascript quirks which may lead to logic errors that aren’t covered in most books or tutorials. Over the years I have come across logic errors: no errors are thrown, but the results of my scripts are not what I anticipated. These entries are definitely not my most popular, but I think they are the most important.

1. Javascript Switch Statement Quirks: Covers three things you may or may not know about the switch statement, including no datatype conversion, the importance of break, and multiple cases for one block of code
2. Browser Detection versus Object Detection: Explains the reasons object detection works and how browser detection fails.
3. Including Javascript in XHTML: external, DOM created, CDATA & comments: How to include script in XHTML and validate.
4. JavaScript Objects: Really simple examples, simple explanations and comparisons for those confused by objects and JavaScript Object Notation.
5. Javascript Date object:We all know how to capture the current time. This entry explains how to create any other specified date.

Also in JavaScript, Javascript, CSS, and (X)HTML entities in numeric order shows how to include character entities in javascript and CSS, in addition to XHTML.

CSS

• Double colon notation: :before versus ::before
• hasLayout
• CSS Selectors and Browser Support: Spreadsheet of all the CSS selectors, inlcuding CSS3, and displays which grade A browsers support which selectors
• Targeting Safari 3.0 with CSS
• Safari 3.0 CSS Support
• IE7 only CSS hacks: Explained: Includes all the knows hacks and filters to target IE7
• IE7 only CSS hacks: Examples: Examples of the above hacks
• IE7 CSS Selectors: How they fail: Goes thru all the CSS selectors from the Selector spreadsheet, and explains IE7’s support or lack thereof.

Browser Specific Filters and Hacks

• Hacks and filters for Safari 3.0
• Hacks and filters for IE7
• Hacks and filters for IE on the Mac.

XHTML

• Making the Web Accessible
• XHTML v. HTML, Strict v. Transitional
• XHTML depreciated elements and attributes
• DTD - The Document Type Declaration
• (X)HTML entities in numeric order
• Named HTML Entities in Alphabetical Order

Other Resources

Finding a Job/ Hiring

• Web Developer Interview Questions
• Web Developer Resume Screening

Mobile Web Development

• Web Development for the iPhone
• Safari 3.0 CSS Support - the browser used on the iPhone