Responsive web design?

[abasel]

Is there anything built into Joomla (or any component) that allows one to define your screen layout based on Screen resolution?

http://www.sitepoint.com/newsletter/vie ... issue=79#5

[Per Yngve Berg]

http://extensions.joomla.org/extensions/mobile

[free-rebel]

also some developers build templates where you can set it in template manager

[Robert977]

Hi there,

I think there is a some kind of missunderstanding what is "responsive design or layout" templating or "mobile friendly/ready" solution.

As it is said before there are template clubs which provide us mobile ready templating framework such as Gantry and T3. These frameworks or extensions ( http://www.mobilejoomla.com/ ) somehow detect mobile or handhold devices and make action regarding to its results. You can test it only with those kind of mobile devices or smartphones.

The "responsive layout" however usually use CSS media queries in order to detect the visual viewport of devices and makes action regarding to it. When you resize for example your browser window size (this could be an ordinary srceen display) the smart layout will respont to its width and makes some HTML and CSS changes.

I hope you can understand what I wanted express with it. I am very interested in making some experiments and figure out how it is possible to design a Joomla template using the pure "responsive/adaptive" HTML/CSS method.

A useful article about it: http://www.quirksmode.org/mobile/viewports.html
and a resource for making adaptive websites: resource: http://lessframework.com/

Best regards,
Robert

[welda_02]

It is very interesting to create and imagine new designs. The designs should be fitted with the different mobile device. Some web designers are usually used the CSS layouts or templates.

[davidmoris]

Responsive Web design is an approach that suggests that the planning and development must meet the users' behavior and the environment is based on the size of the platform screen, and management. The practice consists of a mixture of networks and flexible layout, images, and the smart use of CSS media queries. When the user moves their laptop IPAD, the site should automatically adapt to the resolution, image size, and scripting capabilities.

[float-right]

All the templates I build now are responsive, it is clearly the way the future is headed.

For those who know how to write CSS and have some design skills, I just made my template framework available for free so you can do the same. It's my Xmas gift to the Joomla community.

It's responsive, mobile-first and html5. Lightweight and crazy fast, it contains everything you need to build something awesome.

Some more detail in my blog post here: http://internet-inspired.com/blog/css-a ... b-template

Merry Xmas

[CBIL360]

As far the the internet is accessed through different devices like tablates, smartphone, pda's now its very important that our websites should be responsive so that the reach is maximized. But it is still a great challenge to let users perform desired action in the similar way as in desktops or laptop.