Hurricane
Well-Known Member
My project handles the RWD using CSS
If you know how CSS works, here is an example
......
CSS for default screen
......
@media only screen and (min-width: 50em) {
.....
CSS for screens larger than 50ems
.....
}
An interesting thing is that it is easier to design for the small (mobile) screen first and then merge the larger ones later.
My project also uses http://html5boilerplate.com/
So, there's a fair bit of reading for you - sorry, most of these things end up with loads of research/reading.
But doing a project this way has meant that I can build (and, more importantly, maintain) a complete solution for iPhone, iPad, Android and all PC based systems.
I know of similar systems that employ a team of programmers for each platform.
www.motorsportauctions.com is just me doing the software.
If you know how CSS works, here is an example
......
CSS for default screen
......
@media only screen and (min-width: 50em) {
.....
CSS for screens larger than 50ems
.....
}
An interesting thing is that it is easier to design for the small (mobile) screen first and then merge the larger ones later.
My project also uses http://html5boilerplate.com/
So, there's a fair bit of reading for you - sorry, most of these things end up with loads of research/reading.
But doing a project this way has meant that I can build (and, more importantly, maintain) a complete solution for iPhone, iPad, Android and all PC based systems.
I know of similar systems that employ a team of programmers for each platform.
www.motorsportauctions.com is just me doing the software.