WebsiteBaker Community Forum
WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: G4 on December 17, 2012, 09:13:04 AM
-
I have found an article too approach future web design. What do you think? Is this way of designing not suitable for WB?
Responsive design (http://goldilocksapproach.com)
-
This is not new. The last years there has been published tons of material about responsive webdesign, and there are many responsive frameworks like this available. Also, most modern templates you buy on the numerous template sites are already responsive. And since WB can be used with any template, the combination of WB and responsive frameworks and templates like this makes perfectly sense.
-
Does this mean that WB modules are responsive? Are images resizing properly, for instance?
-
WB itself is not responsive, as it doesn't have directives for visual asects. Templates and modules can be made responsive by their authors or users if they want to. The WB team could make the default templates responsive, and maybe they will in WB 2.9, I don't know.
WB doesn't have a responsive image resizer (or any other responsive) function at the moment, but maybe someone will create it someday.
-
There are some responsive Templates available for WebsiteBaker:
http://WebsiteBaker.at/wb-templates/template-response-blue.html
http://WebsiteBaker.at/wb-templates/template-burblex.html
http://WebsiteBaker.at/wb-templates/template-tessa.html
http://WebsiteBaker.at/wb-templates/template-stygg.html
I have also made some responsive Designs for clients.
There is one thing to know: If you want to have a responsive design, you must understand how it works. There ist no simple & finished solution. Therefore most of the Responsive Designs are very simple: Big, centered title, 2 or 3 columns.
And: Most of them are sites of webdesigners ;-)
One word to image-resizers: If you really compare the filesize, the quality loss and the loading time, you will see there is no big advantage to static images, compressed with photoshop.
-
When you put images on a page, and it has to be responsive, try it with a x and y size of 95%
this works.
much worse is that in the responsive templates I tried, in all of them, the sidebar disappears.
Mostly you see that sidebars appear at the bottom of the main content.
Does anyone know how to fix this?