Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Claus Elmann 6 posts 26 karma points
    Feb 02, 2013 @ 09:16
    Claus Elmann
    0

    Umbraco 6 - Responsive Web design

    I would like to build a small site I Umbraco 6 with Responsive Web design.

    I there any source code out there to get me started, like a Responsive Starter Kit.

    Already tried Ubootstrap, but didn’t succeed in converting it to a single language (Danish) version, and it is not developed for version 6

    Anny help is highly appreciated.

  • Bo Damgaard Mortensen 711 posts 1188 karma points
    Feb 02, 2013 @ 10:40
    Bo Damgaard Mortensen
    1

    Hi Claus,

    Have a look at the Twitter Bootstrap framework :-) Or just about any other responsive grid framework, i.e. responsivegridsystem.com. I'm by no means a dedicated frontend developer, but I find it easiest to grab a responsive grid framework and work my way from there, fine-tuning it with media queries.

    I don't think there's any starter kit that's responsive as it is now, though.

    - Bo

  • gary 385 posts 915 karma points
    Feb 02, 2013 @ 11:03
    gary
    0

    Hi Claus

    My preferred method can be found here: http://builtbyboon.com/posed/Proportional-Grids/

    Have developed sites in all recent versions of Umbraco using this system for desktop and then combining it with jQueryMobile and 51 degreeMobi (detection) for mobile. (Although V6 does support MVC mobile detection straight out of the box!!!)

    Would be happy to share any information with you to help get you started, just ask what you need and will see what I can do for you.

    Best regards

    Gary

     

  • Claus Elmann 6 posts 26 karma points
    Feb 02, 2013 @ 12:30
    Claus Elmann
    0

    Hi

    Thanks for your answers...

    Gary, would you be interested in sharing one of your recent sites, to be a god start and learning ground for me?

    Best regards

    Claus
    Denmark 

  • Anthony Candaele 1197 posts 2049 karma points
    Feb 02, 2013 @ 12:33
    Anthony Candaele
    0

    Hi Claus,

    I'm currently implementing a responsive layout in an umbraco website. I created the responsive layout with:

    Skeleton Grid

    A very lightweight grid framework.

    I first created static pages with Skeleton Grid, and then it was just a mather of copying the the resulting stylesheets to the css folder and implementing the layout in Umbraco templates.

    Hope this helps,

    Anthony

  • gary 385 posts 915 karma points
    Feb 02, 2013 @ 12:35
    gary
    1

    Hi Claus

    Can you wait one day? If so will put together a quick starter for you, this would probably be better than 20 something view files etc.

    Have to finish something today, but maybe this evening or tomorrow will make something, let me know if this is ok with you.

    Regards

    Gary

  • Claus Elmann 6 posts 26 karma points
    Feb 02, 2013 @ 16:26
    Claus Elmann
    0

    Hi Gary

    It sounds great, I really appreciate your effort.

    Are you using ver. 6 and SQL CE 4 for your sites?

    Looking forward to be hearing from you. :-)

    ThanksAgain!

    Regards

    Claus

  • gary 385 posts 915 karma points
    Feb 03, 2013 @ 17:25
    gary
    0

    Hi Claus

    Have uploaded a site to www.algarveartcollection.com  (it was a spare domain name - can't say more than that!). It is Umbraco 6 with sqlCE4.

    It is very "raw", has no packages installed, no shiv etc, but demonstrates the mobile detection out of the box and how you can pull 5 child pages into a page with responsive design. The mobile version has an aqua background, so you will know when you have it. (Easiest way is with Safari, tools, develop, user agent, ipad).

    As I cannot take credit for the css, have reproduced original including all the links, but will only leave "live" for a short time. Have not included any packages, but can confirm it works equally well with DAMP etc. . . (would not do this without permission first)

    As previously mentioned, it's a bit rough around the edges, but should help.

    If you are interested to know more, leave a message here and I will get a login for you to view templates etc.

    Best regards

    Gary

     

  • Claus Elmann 6 posts 26 karma points
    Feb 03, 2013 @ 20:40
    Claus Elmann
    0

    Hi Gary
    I tried to open your demo on my IPhone, but it didn't work as expected.
    I was hoping for something more like http://bs.jlusar.es/ With special menu on Iphone. (ubootstrap)
    Ubootstrap is multilingual, and i cant figure out to revert it to 1 language (danish)
    Are you missing something in you demo site, since it dosent detect my iphone safari browser.
    Regards Claus

  • gary 385 posts 915 karma points
    Feb 03, 2013 @ 20:46
    gary
    0

    Hi Claus

    Apologies, I thought it was just the responsive design you were looking for, to add the touch buttons you need to include jQueryMobile.

    Will do it now, shouldn't take too long.

    Regards G

     

  • gary 385 posts 915 karma points
    Feb 03, 2013 @ 21:06
    gary
    0

    OK, have added jQueryMobile and now it has touch buttons, they are at the top, but sure you can use your imagination.

    I will repeat, it is rough, but is only for demonstration.

    18 minutes, that included updating all permissions on the site as I hadn't before - nice and quick?

    Regards

    Gary

     

  • gary 385 posts 915 karma points
    Feb 03, 2013 @ 22:49
    gary
    0

    Hi Claus

    Apologies, just finished what I was doing and checked on my Android phone, and no buttons.

    Dont know what is happening but strange error with not recognizing @Html.Partial, but it is working now despite the error, well on my phone and safari browser with either iphone or Ipad selected.

    You will need to view on desktop too to see the effect of the responsive aspect, but should be ok now.

    Regards

    Gary

  • Chris D 17 posts 37 karma points
    Feb 04, 2013 @ 23:13
    Chris D
    0

    Not to criticize anyone in this thread, but anytime these " half designed " sites are released, the end user just bypasses it because it is missing so many features or content

    Responsive Web Design has a long way togo.

  • Maddy Charles 1 post 50 karma points
    Jan 21, 2014 @ 11:17
    Maddy Charles
    0

    Hey Claus Elmann,

    You can use in build platform that provides responsive designs. I have consulted professionals for responsive design and advice you for the same.

  • Ben Lee 1 post 21 karma points
    May 21, 2014 @ 09:59
    Ben Lee
    0

    Its been a long time that this discussion had happened, would you like to tell me how you made it responsive finally with language translation facility?

Please Sign in or register to post replies

Write your reply to:

Draft