workblog » XHTML http://iandunn.name/workblog Wed, 25 Aug 2010 22:23:41 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Alternatives to Select/Multiple http://iandunn.name/workblog/alternatives-to-selectmultiple/ http://iandunn.name/workblog/alternatives-to-selectmultiple/#comments Thu, 17 Jun 2010 16:52:00 +0000 Ian http://iandunn.name/workblog/?p=300 Ryan Cramer details some of the problems with select/multiple and a few good alternatives. It’s useful in certain circumstances, but unintuitive and error-prone. Instead, you can create a list of checkboxes inside an element with overflow:auto set, or use a jQuery plugin he developed.

]]> http://iandunn.name/workblog/alternatives-to-selectmultiple/feed/ 0 Content Above Anchors Disappear http://iandunn.name/workblog/content-above-anchors-disappear/ http://iandunn.name/workblog/content-above-anchors-disappear/#comments Thu, 15 Apr 2010 17:22:16 +0000 Ian http://iandunn.name/workblog/?p=257 It turns out there’s a serous problem with the One True Layout method of creating equal height columns. All of the content above an anchor will be shifted up, making it seem like it disappeared. There aren’t any universal or reliable fixes for this, so the Faux Columns method is probably the best choice if it’ll fit the design.

]]> http://iandunn.name/workblog/content-above-anchors-disappear/feed/ 0 Writing Semantic (X)HTML http://iandunn.name/workblog/writing-semantic-xhtml/ http://iandunn.name/workblog/writing-semantic-xhtml/#comments Tue, 17 Nov 2009 18:47:41 +0000 Ian http://iandunn.name/workblog/?p=184 Jesse Skinner explains why developers should use appropriate semantic tags when marking up a page, rather than just putting everything inside a <div>.

Here’s a quick reference list of what I commonly use:

  • <div> – For large page sections, and when there isn’t a specific semantic tag
  • <h1> … <h6>: For section header titles
  • <p> – For text paragraphs, and when there isn’t a specific semantic tag
  • <ul>, <ol>, <dl> – For lists (including navigation menus)
  • <table> – For spreadsheet data
  • <span> – For inline formatting
  • <label> – For form fields*
  • <address> – For contact information, including phone numbers
* The thing I love about <label> is that it will make the text of the label, and not just the input field itself, clickable. It should be used on every form.
]]> http://iandunn.name/workblog/writing-semantic-xhtml/feed/ 0