Responsive web design?

General questions relating to Joomla! 2.5. Note: All 1.6 and 1.7 releases have reached end of life and should be updated to 2.5. There are other boards for more specific help on Joomla! features and extensions.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Locked
User avatar
abasel
Joomla! Explorer
Joomla! Explorer
Posts: 347
Joined: Wed Nov 07, 2007 7:58 pm
Location: Auckland, New Zealand

Responsive web design?

Post by abasel » Wed Jan 19, 2011 6:52 pm

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
Andre
==============================
To learn is to live!

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 26312
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: Responsive web design?

Post by Per Yngve Berg » Wed Jan 19, 2011 9:32 pm


User avatar
free-rebel
I've been banned!
Posts: 602
Joined: Sun Dec 19, 2010 1:26 am
Location: Slovakia, Bratislava

Re: Responsive web design?

Post by free-rebel » Thu Jan 20, 2011 2:06 am

also some developers build templates where you can set it in template manager
I m Rebel ...

Robert977
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sat Oct 03, 2009 4:12 pm

Re: Responsive web design?

Post by Robert977 » Tue Mar 08, 2011 2:58 pm

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
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Mar 11, 2011 12:05 pm

Re: Responsive web design?

Post by welda_02 » Fri Mar 11, 2011 12:34 pm

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
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Jul 04, 2011 6:38 pm

Re: Responsive web design?

Post by davidmoris » Mon Jul 04, 2011 6:49 pm

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.

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Responsive web design?

Post by float-right » Mon Dec 26, 2011 1:40 pm

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
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

CBIL360
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu Oct 04, 2012 8:17 am
Location: Florida
Contact:

Re: Responsive web design?

Post by CBIL360 » Thu Oct 04, 2012 8:38 am

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.


Locked

Return to “General Questions/New to Joomla! 2.5”