The more and more I get to develop sites for people in the wild, rather than corporate intranets, the more I learn: truly semantic HTML is responsive by default.
You have to go out of your way to make it unresponsive. You have to insist that you know the one, true, best way to use your site for every type of user--big-screens and small, strong- and weak- and no-sighted, color-seeing and non-color-seeing, rich-enough-to-own-the-latest-macbook or not. The pixel-perfect positioning of your logo is more important than people who do not meet your conception of your perfect user.
Sure, certain concessions need to be made. Obviously, if you're making a shape-matching game, the blind need not apply. Deaf users probably won't get anything out of SoundCloud. But most sites have a broken interface for anyone other than a median human.
Just imagine if HN had a properly semantic HTML layout. It'd scale properly to every cellphone with a browser, ever. Unstyled, semantic HTML may not be pretty, but it works. Resist the temptation to corrupt it with CSS and its nutty notion that it could ever maintain cross-compatibility with print.
Comments
The more and more I get to develop sites for people in the wild, rather than corporate intranets, the more I learn: truly semantic HTML is responsive by default.
You have to go out of your way to make it unresponsive. You have to insist that you know the one, true, best way to use your site for every type of user--big-screens and small, strong- and weak- and no-sighted, color-seeing and non-color-seeing, rich-enough-to-own-the-latest-macbook or not. The pixel-perfect positioning of your logo is more important than people who do not meet your conception of your perfect user.
Sure, certain concessions need to be made. Obviously, if you're making a shape-matching game, the blind need not apply. Deaf users probably won't get anything out of SoundCloud. But most sites have a broken interface for anyone other than a median human.
Just imagine if HN had a properly semantic HTML layout. It'd scale properly to every cellphone with a browser, ever. Unstyled, semantic HTML may not be pretty, but it works. Resist the temptation to corrupt it with CSS and its nutty notion that it could ever maintain cross-compatibility with print.
Sounds like a good idea but I'm not really getting it. Do you have an example? Or perhaps what specific HTML changes to HN would make it responsive?
View-source on the page. HN's markup is absurdly bad.
So you mean HN should switch to div's and p's?
I can't even tell what it's doing right now ...