» More CSS, XHTML and JavaScript at Community MX :: CSS, JavaScript and XHTML Explained

More CSS, XHTML and JavaScript at Community MX September 9, 2009

Filed under: CSS (including hacks), JavaScript, Web Development, firebug — Estelle Weyl @ 12:55 pm

I have been somewhat prolific as a technical writer for Community MX over the past 12 months. If you are interested in any of the articles, they are listed below. I will add new articles to this list as they get published (and as I get around to it). While Community MX is a subscription based website, you can get a one week free trial, and several of the articles (as noted below) are accessible without a subscription, and without logging in.

Most articles are part of a series. These four random ones are standalone:

Clearing Floats Without Touching Your HTML - 30-Sep-09
Browser Support: What should I test? — 31-Oct-08
Extracting Images from Flash Files — 17-Feb-09
Creating rounded corners without touching your HTML (including IE) - 18-Sep-09
JavaScript Variable Scope: Local and Global Variables — 05-Feb-09
CSS: All Browsers Can Be Created Equally — 11-Jul-08

There is a lot of interest in my IE8 post. It was a basic post, and I couldn’t get my butt in gear to write more. By writing for community MX, I kind of forced myself to research IE8. This seried has just begun… there will be a bunch more.

IE8 - The Good, the Bad, the Ugly (and Pretty) — 22-Jul-09
IE8 - The Good - CSS2.1 Selector Support — 11-Aug-09
IE8 - The Good - CSS2.1 Properties and Values
IE8 - The bad - CSS3 and lack of support

Based on my blog post on all XHTML elements, their attributes and their semantic meaning that I was wrote for this blog, I wrote an 18 part series going into each element in greater detail. The Object and input element (free) ones are the most intersting. The table of XHTML elements (also free) is the most useful:

Semantic XHTML - Part 1: The Required Elements — 16-Sep-08
Semantic XHTML - Part 2: Elements Within the <head> Element — 01-Oct-08
Semantic XHTML - Part 3: Common Block Level Elements — 13-Oct-08
Semantic XHTML - Part 4: List Elements — 29-Oct-08
Semantic XHTML - Part 5: Table Elements — 13-Nov-08
Semantic XHTML - Part 6: Inline Elements — 24-Nov-08
Semantic XHTML - Part 7: The Phrase Elements — 03-Dec-08
Semantic XHTML - Part 8: Empty Elements — 08-Dec-08
Semantic XHTML - Part 9: The Image Element — 12-Dec-08
Semantic XHTML - Part 10: Image Maps — 05-Jan-09
Semantic XHTML - Part 11: The Object Element — 02-Mar-09
Semantic XHTML - Part 12: The FORM Element — 09-Mar-09
Semantic XHTML - Part 13: The INPUT Element — 11-Mar-09
Semantic XHTML - Part 14: TEXTAREA and BUTTON Elements — 17-Mar-09
Semantic XHTML - Part 15: Drop Down Menus — 19-Mar-09
Semantic XHTML - Part 16: Organizing Forms — 25-Mar-09
Semantic XHTML - Part 17: Non-Semantic Elements — 26-Mar-09
Semantic XHTML - Part 18: INS, DEL & NOSCRIPT — 31-Mar-09
Semantic XHTML - Table of XHTML Elements — 21-Apr-09

While simple, the Three Column layout series teaches the reader how to make a three column layout, with the columns being able to be rearranged into any order without touching the HTML source code. If you don’t know how to make a CSS 3-column layouts, this series is definitely worth the read.

Making a Three Column Layout Using CSS: Part 1 — 24-Jul-08
Making a Three-Column Layout Using CSS: Part 2 — 08-Aug-08
Making a Three-Column Layout Part 3: Changing Column Order With CSS — 18-Aug-08
Making a Three-Column Layout - Part 4: Fixed, Fluid and Elastic Layouts — 03-Sep-08

My firebug tutorial has already had over 100,000 views. Obviously there is interest. My Community MX Firebug series is only half way done, but as you can imaging, it’s going deeper into this most excellent tool. Similar to the IE8 series, I am still in the middle of this series. There should be several more.

Firebug - Part 1: The What and Why — 05-Nov-08
Firebug - Part 2: Overview of Firebug Functionality — 10-Nov-08
Firebug Part 3: Editing with Firebug — 20-Jan-09
Firebug - Part 4A: Inspecting and Troubleshooting CSS — 17-Apr-09
Firebug - Part 4B: Inspecting and Troubleshooting CSS — 22-Apr-09
Firebug - Part 5: Inspecting the Box Model — 27-Apr-09
Firebug - Part 6: HTTP Requests & Download Speed — 07-Aug-09
Firebug - Part 7a: The Script Tab (Basics) - 02-Sep-09
Firebug - part 7b: Debugging Javascript - breakpoints, debugger & watch expressions
Firebug - Part 7c: Debugging Javascript - The Firebug Console

The EMail Setup series is especially useful for anyone using CPanel or anyone trying to manage several email to and from accounts:

Email 4b: Using Gmail as Your Email Client 17-Dec-09
Email 4a: Using Gmail as Your Email Client 15-Dec-09
Email 3c: Accessing Webmail on Your Web Site’s Server - 07-Dec-09
Email 3b: Email Options Accessed On Your Web Site’s Server - 24-Nov-09
Email 3a: Accessing Email On Your Web Server - 04-Nov-09
Email 2: Creating Email Forwarders - 23-Oct-09
Email 1: Creating New Email Accounts On Your Server 16-Oct-09

The CSS for Absolute Beginners series is very basic, and likely to simplistic for readers of this blog: as noted, it’s fore beginners. However, if you do want the basics, I am including the list of articles for those of you who are interested: