[TYPO3-english] Templavoila and mobile templating

[Martin Aarhof]

On 08-05-2012 03:26, Andi wrote:
> Hi
>
> go to kay-strohbach.de and check the templates out he has already in the template repository. Responsive webdesign is the future of mobile.

kay-strohbach.de
is using twitter bootstrap responsive design
http://twitter.github.com/bootstrap/

Its super easy to both integrate in TV and design to.
And if you are using the LESS css way, you can change all the colors 
directly from the variables.less file

Properly the easist solution (and one of the most used as I can see 
around the web) for responsive designs at the moment.

jquery mobile
http://jquerymobile.com/
Is also nice, but its difficult if you want to go more "abstract" than 
the jquery mobile "default" design.

But there are TONS of other "responsive design frameworks" out there.
Search on google :)

But yes,
mobile css
<link rel="stylesheet" type="text/css" href="" media="mobile" />
isnt good more, because of all the different sizes on mobile screens 
(iphone, ipad, android pads and so on)

Now "we" do
@media (max-width: 980px) {
    #left {float:left;}
    #right {float:left;}
}

@media (max-width: 400px) {
   #left {float:none;}
   #right {float:none;}
}
(yes not a good example, but something like that)

directly in the css file