Roger Johansson writes about web standards, CSS, HTML, accessibility, and readability on his blog 456 Berea Street.
HN links it as a source of web standards and accessibility advice, though one commenter notes an old post still recommended images for drop shadows.
I think pg would be less happy because he'd have to admit I was right about this whole silly standards thing ;)
As for your questions: The page bloat issue is pretty apparent: it takes a lot more markup to wrap everything in tables than it does to use floated / positioned block elements such as <div/>. Individually marking up each <font/> tag with color, bgcolor, etc. also wastes a shitload of bytes.
Accessibility is another issue entirely, but is generally hindered by inline Javascript because such JS is not based on progressive enhancement; rather, it directly hijacks events on specific elements rather than improving the experience for JS-enabled browsers. In the case of HN, it appears that "vote" links work with or without Javascript, though the latter loads a blank page after voting. This is certainly better than the alternative. Additionally, superfluous markup has a tendency to disrupt the functioning of assisted-reading devices such as screen readers.
There's a whole world of people out there advocating the use of web standards, all for very practical reasons. I'm not going to re-post all their thoughts and arguments here, but if you're not educated in the matter I highly recommend becoming so, if for no other reason than understanding what we crazy people are screaming about. Many people far more dedicated than I have written countless articles on the matter; a good place to start would be Roger Johansson's blog: http://www.456bereastreet.com/ but there are many…
I consider myself a professional user experience designer, and I have no idea. Please tell me when you find out. :(
UX as a discipline is still pretty unrefined: people are only just now realizing that you need actual (traditional) design (art, usability, ergonomics, cognitive science, psychology) skills to really do your job well.
A lot of people who call themselves web designers, user experience designers, user interface designers, information architects, interaction designers, etc., today, even (especially?) senior- or architect-level ones, are there because they were mucking about with HTML very early on, but they are often stuck in their current company because they don't have the modern skills we expect. They didn't keep up. They're grandfathered in.
Example: I interviewed people for a "web artist" position recently. I'd expect someone in that position to have good traditional layout, composition, sketching, drawing, coloring (whether painting or markers or Photoshop) skills, understanding of and practice using grids, typography, font selection, be able to describe their design process, how to run a critique, how to take a critique, plus a basic understanding of not just HTML, but CSS, and that they keep up on things like CSS animations and such. That's all on top of other things like demonstrated ability to work as part of a large team (jacks of all trades are immediately suspect) and being able to sit for long periods.
One person we interviewed stopped…
I have the same issue with light text on dark background pages, I generally dislike them. It actually affects my vision for a few seconds after I look away from the page, before my eyes adjust again. That page could certainly do with a little more contrast between text and background at any rate. I recently created a site that does make some limited use of light text on dark background and found this post from a few years ago to be a good resource for looking at the issue from both sides (the comments are an important part):
http://www.456bereastreet.com/archive/200608/light_text_on_dark_background_vs_readability/
For as long as I can remember I have not liked reading large amounts of light text on dark backgrounds. It's always felt as if this was some kind of genetic predisposition for me. While for others, the opposite (i.e. strongly preferring light text on dark background) seems to be true.
I'd be really interested if anyone has heard of some solid research on why certain people prefer one over the other.
I recently worked on implementing readability in my app and here's the resources I found most useful:
A very long read but this covers everything:
> How to Section Your HTML
https://css-tricks.com/how-to-section-your-html/
These are specifically important for accessibility users.
Another short read:
> HTML5 sectioning elements, headings, and document outlines
https://www.456bereastreet.com/archive/201103/html5_sectioning_elements_headings_and_document_outlines/
And you can use Markup Validation Service to validate and get tips:
https://validator.w3.org/#validate_by_input+with_options
Check out the excellent answer by Christian Kohlschütter on how readability works:
https://stackoverflow.com/questions/3652657/what-algorithm-does-readability-use-for-extracting-text-from-urls
I'm intrigued that everyone testing websites for colorblind accessibility is using the colorblind page filter. It's very awkward when you have more than just websites to test (think everything from applications to documentation), and when you want to do it on your own without submitting anything to another site.
There's a few apps I do recommend in lieu of the website:
Color Oracle (http://colororacle.cartography.ch/) for all platforms
Sim Daltonism (http://michelf.com/projects/sim-daltonism/) for OS X
General color accessibility tool: http://www.paciellogroup.com/resources/contrast-analyser.html
A whole slew of other tools: http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/
I long for multi-column text. I hate scrolling, but worse, I hate getting to the end of a screen-width of text and then having to flick back to the left and work out which line to start on. Text should be in 8 to 10 word lines for optimal readability - much longer and it slows down your ability to read quickly and effectively.
Your mileage will vary, and I'm not saying that everyone has the exact same preferences or requirements, but I can't wait for easily rendered, reliable multi-column text.
Some references:
http://baymard.com/blog/line-length-readability
http://www.456bereastreet.com/archive/200509/line_length_and_readability/
http://psychology.wichita.edu/surl/usabilitynews/72/LineLength.asp
http://www.bastoky.com/KeyRelations.htm