Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. The Lounge
  3. Responsive WebSite Design

Responsive WebSite Design

Scheduled Pinned Locked Moved The Lounge
mobiledesign
26 Posts 11 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • realJSOPR Offline
    realJSOPR Offline
    realJSOP
    wrote on last edited by
    #1

    ...is a pain in the ass.

    ".45 ACP - because shooting twice is just silly" - JSOP, 2010
    -----
    You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
    -----
    When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

    P B L K S 9 Replies Last reply
    0
    • realJSOPR realJSOP

      ...is a pain in the ass.

      ".45 ACP - because shooting twice is just silly" - JSOP, 2010
      -----
      You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
      -----
      When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

      P Offline
      P Offline
      Pete OHanlon
      wrote on last edited by
      #2

      And this is why I use Bootstrap. A lot of that rear end pain has been removed already.

      L B realJSOPR 3 Replies Last reply
      0
      • realJSOPR realJSOP

        ...is a pain in the ass.

        ".45 ACP - because shooting twice is just silly" - JSOP, 2010
        -----
        You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
        -----
        When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

        L Offline
        L Offline
        Lost User
        wrote on last edited by
        #3

        Responsive website design development is a lot easier using Bootstrap :-D

        How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

        realJSOPR 1 Reply Last reply
        0
        • realJSOPR realJSOP

          ...is a pain in the ass.

          ".45 ACP - because shooting twice is just silly" - JSOP, 2010
          -----
          You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
          -----
          When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

          B Offline
          B Offline
          Bergholt Stuttley Johnson
          wrote on last edited by
          #4

          Responsive WebSite Design ...is a pain in the ass FIFY

          You cant outrun the world, but there is no harm in getting a head start Real stupidity beats artificial intelligence every time.

          1 Reply Last reply
          0
          • P Pete OHanlon

            And this is why I use Bootstrap. A lot of that rear end pain has been removed already.

            L Offline
            L Offline
            Lost User
            wrote on last edited by
            #5

            Arghh! Just posted the same thing! :laugh:

            How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

            B 1 Reply Last reply
            0
            • P Pete OHanlon

              And this is why I use Bootstrap. A lot of that rear end pain has been removed already.

              B Offline
              B Offline
              Bergholt Stuttley Johnson
              wrote on last edited by
              #6

              if you design for a widescreen and a phone in responsive then IMHO it looks and works terrible, better to have a big screen UI and a phone UI

              You cant outrun the world, but there is no harm in getting a head start Real stupidity beats artificial intelligence every time.

              realJSOPR 1 Reply Last reply
              0
              • L Lost User

                Arghh! Just posted the same thing! :laugh:

                How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

                B Offline
                B Offline
                Bergholt Stuttley Johnson
                wrote on last edited by
                #7

                I thought there was an echo

                You cant outrun the world, but there is no harm in getting a head start Real stupidity beats artificial intelligence every time.

                1 Reply Last reply
                0
                • P Pete OHanlon

                  And this is why I use Bootstrap. A lot of that rear end pain has been removed already.

                  realJSOPR Offline
                  realJSOPR Offline
                  realJSOP
                  wrote on last edited by
                  #8

                  Well, i'm using bootstrap, and it ain't exactly cut and dried. I'm using a "responsive" coming-soon layout that I downloaded. On the iPad, it seems to work reasonably well (except for rotating which I *thimk* is a Safari issue). On my phone (Android S5 using Chrome):   - the image I'm using doesn't get reasonably small enough to be mostly visible. I can understand this in portrait mode, but in landscape, well, you know...   - all of the text on the right side of the screen is not on the device's display. This includes the "COMING SOON" text, and the copyright notice. This is true in both landscape and portrait mode. It appears as if I have to do some css @media calls to size the divs and text based on maximum and minimum screen resolutions. I also have to evidently provide lower-resolution images to maintain some sort of control over bandwidth issues. I suspect this is also how I control how much of the image is displayed in portrait/landscape modes. Even after 20 years, web development is still a pain in the ass (if not more-so than when it first started out). If you want to see it on your phone, go here[^]. EDIT ====================== Oh wait, I just need to scroll down. I guess that's sorta acceptable...

                  ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                  -----
                  You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                  -----
                  When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                  1 Reply Last reply
                  0
                  • L Lost User

                    Responsive website design development is a lot easier using Bootstrap :-D

                    How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

                    realJSOPR Offline
                    realJSOPR Offline
                    realJSOP
                    wrote on last edited by
                    #9

                    I'm using bootstrap. :|

                    ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                    -----
                    You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                    -----
                    When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                    L 1 Reply Last reply
                    0
                    • realJSOPR realJSOP

                      I'm using bootstrap. :|

                      ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                      -----
                      You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                      -----
                      When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                      L Offline
                      L Offline
                      Lost User
                      wrote on last edited by
                      #10

                      Bootstrap LESS source?

                      How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

                      realJSOPR 1 Reply Last reply
                      0
                      • B Bergholt Stuttley Johnson

                        if you design for a widescreen and a phone in responsive then IMHO it looks and works terrible, better to have a big screen UI and a phone UI

                        You cant outrun the world, but there is no harm in getting a head start Real stupidity beats artificial intelligence every time.

                        realJSOPR Offline
                        realJSOPR Offline
                        realJSOP
                        wrote on last edited by
                        #11

                        Actually, I'm thinkin' you need a PC, tablet, and phone UI...

                        ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                        -----
                        You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                        -----
                        When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                        B J 2 Replies Last reply
                        0
                        • L Lost User

                          Bootstrap LESS source?

                          How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

                          realJSOPR Offline
                          realJSOPR Offline
                          realJSOP
                          wrote on last edited by
                          #12

                          Is that a "are you using it" question, or a suggestion? Either way, I'm not sure how that would mitigate the problem of responsive design,. I know it's a big help for theming, but I would not consider themes to be part of responsive design...

                          ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                          -----
                          You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                          -----
                          When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                          L 1 Reply Last reply
                          0
                          • realJSOPR realJSOP

                            Actually, I'm thinkin' you need a PC, tablet, and phone UI...

                            ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                            -----
                            You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                            -----
                            When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                            B Offline
                            B Offline
                            Bergholt Stuttley Johnson
                            wrote on last edited by
                            #13

                            you can go mad that way lol you can get decent results with pc - Tablet UI and phone UI after that and its personal choice

                            You cant outrun the world, but there is no harm in getting a head start Real stupidity beats artificial intelligence every time.

                            1 Reply Last reply
                            0
                            • realJSOPR realJSOP

                              ...is a pain in the ass.

                              ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                              -----
                              You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                              -----
                              When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                              K Offline
                              K Offline
                              Kevin Marois
                              wrote on last edited by
                              #14

                              Response Website Design ...is a pain in the ass FTFY

                              If it's not broken, fix it until it is

                              B 1 Reply Last reply
                              0
                              • K Kevin Marois

                                Response Website Design ...is a pain in the ass FTFY

                                If it's not broken, fix it until it is

                                B Offline
                                B Offline
                                Bergholt Stuttley Johnson
                                wrote on last edited by
                                #15

                                definitely an echo in here today

                                You cant outrun the world, but there is no harm in getting a head start Real stupidity beats artificial intelligence every time.

                                Richard DeemingR 1 Reply Last reply
                                0
                                • B Bergholt Stuttley Johnson

                                  definitely an echo in here today

                                  You cant outrun the world, but there is no harm in getting a head start Real stupidity beats artificial intelligence every time.

                                  Richard DeemingR Offline
                                  Richard DeemingR Offline
                                  Richard Deeming
                                  wrote on last edited by
                                  #16

                                  definitely an echo in here today Sorry, couldn't resist!


                                  "These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer

                                  "These people looked deep within my soul and assigned me a number based on the order in which I joined" - Homer

                                  1 Reply Last reply
                                  0
                                  • realJSOPR realJSOP

                                    Is that a "are you using it" question, or a suggestion? Either way, I'm not sure how that would mitigate the problem of responsive design,. I know it's a big help for theming, but I would not consider themes to be part of responsive design...

                                    ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                                    -----
                                    You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                                    -----
                                    When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                                    L Offline
                                    L Offline
                                    Lost User
                                    wrote on last edited by
                                    #17

                                    John Simmons / outlaw programmer wrote:

                                    Is that a "are you using it" question, or a suggestion?

                                    More of a suggestion I guess.. I just find it makes it easier to build in the things you actually need rather than trying to undo default Bootstrap bits and bobs (meaning Bootstraps working against you in some scenarios). I suppose if you're talking more about the design bit than the development bit, then it's probably more helpful to get some kinds of wireframe designs for each target screen size put down at the beginning rather than trying to work it out along the way. Often there's functionality that just isn't relevant or feasible to include on a phone that works well on a tablet or desktop device. Like Bergholt mentioned, if your phone UI (and/or functionality) starts getting too far away from the UI for other devices, then it's probably time to split them into different sites. So far, I've not found many sites that really need to be split up, but sometimes it's easier.

                                    How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

                                    realJSOPR 1 Reply Last reply
                                    0
                                    • L Lost User

                                      John Simmons / outlaw programmer wrote:

                                      Is that a "are you using it" question, or a suggestion?

                                      More of a suggestion I guess.. I just find it makes it easier to build in the things you actually need rather than trying to undo default Bootstrap bits and bobs (meaning Bootstraps working against you in some scenarios). I suppose if you're talking more about the design bit than the development bit, then it's probably more helpful to get some kinds of wireframe designs for each target screen size put down at the beginning rather than trying to work it out along the way. Often there's functionality that just isn't relevant or feasible to include on a phone that works well on a tablet or desktop device. Like Bergholt mentioned, if your phone UI (and/or functionality) starts getting too far away from the UI for other devices, then it's probably time to split them into different sites. So far, I've not found many sites that really need to be split up, but sometimes it's easier.

                                      How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

                                      realJSOPR Offline
                                      realJSOPR Offline
                                      realJSOP
                                      wrote on last edited by
                                      #18

                                      Yeah, I have one form that will have probably 50 or so fields on it. While the intent isn't to design the forms for mobile devices, I suspect some folks will - at the very least - want to enter that data from an iPad, so I'm gonna just assume that's how it's going to be done. Doing it on a phone will probably be painful, however, due to the diminutive screen size and the sheer number of fields. The problem is that during development, it's kindof a pain because you have to test the site on five PC browsers, and then at least an iPad and a phone. I thnk I'm gonna have to buy an Android tablet, too, just for support reasons. Emulators are okay, I suppose, but the unanticipated problems don't seem to crop up until you're using the actual hardware. Fortunately, I have an intranet web server at the house, and I can deploy the site to it and test without it be outward-facing.

                                      ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                                      -----
                                      You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                                      -----
                                      When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                                      L 1 Reply Last reply
                                      0
                                      • realJSOPR realJSOP

                                        ...is a pain in the ass.

                                        ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                                        -----
                                        You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                                        -----
                                        When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                                        S Offline
                                        S Offline
                                        Stefto
                                        wrote on last edited by
                                        #19

                                        webdesign in general if you ask me

                                        Life's like a nose, you've got to get out of it whats in it!

                                        1 Reply Last reply
                                        0
                                        • realJSOPR realJSOP

                                          Yeah, I have one form that will have probably 50 or so fields on it. While the intent isn't to design the forms for mobile devices, I suspect some folks will - at the very least - want to enter that data from an iPad, so I'm gonna just assume that's how it's going to be done. Doing it on a phone will probably be painful, however, due to the diminutive screen size and the sheer number of fields. The problem is that during development, it's kindof a pain because you have to test the site on five PC browsers, and then at least an iPad and a phone. I thnk I'm gonna have to buy an Android tablet, too, just for support reasons. Emulators are okay, I suppose, but the unanticipated problems don't seem to crop up until you're using the actual hardware. Fortunately, I have an intranet web server at the house, and I can deploy the site to it and test without it be outward-facing.

                                          ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                                          -----
                                          You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                                          -----
                                          When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                                          L Offline
                                          L Offline
                                          Lost User
                                          wrote on last edited by
                                          #20

                                          John Simmons / outlaw programmer wrote:

                                          The problem is that during development, it's kindof a pain because you have to test the site on five PC browsers, and then at least an iPad and a phone.

                                          Yep, that's a constant problem. Where I am at the moment, the IT guys won't allow Macs or iPads (and I'm guessing Android devices too) to connect to the company network so we're having to go with best guess until we've got something we can access from the live interwebs. Not ideal :(

                                          How do you know so much about swallows? Well, you have to know these things when you're a king, you know.

                                          realJSOPR 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • World
                                          • Users
                                          • Groups