Re:How Twitter is Destroying the Web
by Raphmedia on Thursday October 03, 2013 @11:40PM
(#6493591)
The web changed. Once again.
Now, the web is responsive. You no longer have to take into account one state for your website, but up to 4 or 5 (if not more). Mobile, tablet, desktop, large desktop.
The reason we changed from table to semantic driven HTML is that tables were not suited for its task anymore. Right now, semantic driven websites, while completely valid, are the the right tool for task anymore.
Sure, you can name all your classed to be 100% semantic and have the whole thing fall down like a waterfall when you turn off the CSS. It's so easy to change the layout of the website!
The problem is, that's not the main issue anymore. Most of the energy is put into making a website... 4 time during development. You can't simply style your blocs all over again and again. The need for a framework get felt, a lot.
Then, if you really need to move your website around during a redesign... why, it's easy! Simply change "large-4" to be "large-8". You want to move it around? No problem, simple copy it into another row. As long as your rows are semantic, you shouldn't have any issue restyling the whole thing.
Now, the web is responsive. You no longer have to take into account one state for your website, but up to 4 or 5 (if not more). Mobile, tablet, desktop, large desktop.
The reason we changed from table to semantic driven HTML is that tables were not suited for its task anymore. Right now, semantic driven websites, while completely valid, are the the right tool for task anymore.
Sure, you can name all your classed to be 100% semantic and have the whole thing fall down like a waterfall when you turn off the CSS. It's so easy to change the layout of the website!
The problem is, that's not the main issue anymore. Most of the energy is put into making a website... 4 time during development. You can't simply style your blocs all over again and again. The need for a framework get felt, a lot.
Then, if you really need to move your website around during a redesign... why, it's easy! Simply change "large-4" to be "large-8". You want to move it around? No problem, simple copy it into another row. As long as your rows are semantic, you shouldn't have any issue restyling the whole thing.