|
And this is why I use Bootstrap. A lot of that rear end pain has been removed already.
|
|
|
|
|
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.
|
|
|
|
|
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
|
|
|
|
|
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.
|
|
|
|
|
John Simmons / outlaw programmer wrote: I'm thinkin' you need a PC, tablet, and phone UI
I'm thinking you are right. 
Once you lose your pride the rest is easy.
In the end, only three things matter: how much you loved, how gently you lived, and how gracefully you let go of things not meant for you. – Buddha
Simply Elegant Designs JimmyRopes Designs
|
|
|
|
|
Arghh! Just posted the same thing! 
How do you know so much about swallows? Well, you have to know these things when you're a king, you know.
modified 31-Aug-21 21:01pm.
|
|
|
|
|
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.
|
|
|
|
|
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
modified 20-Apr-15 10:06am.
|
|
|
|
|
Responsive website design development is a lot easier using Bootstrap 
How do you know so much about swallows? Well, you have to know these things when you're a king, you know.
modified 31-Aug-21 21:01pm.
|
|
|
|
|
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
|
|
|
|
|
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.
modified 31-Aug-21 21:01pm.
|
|
|
|
|
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
|
|
|
|
|
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.
modified 31-Aug-21 21:01pm.
|
|
|
|
|
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
|
|
|
|
|
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.
modified 31-Aug-21 21:01pm.
|
|
|
|
|
I just ordered a 7-inch Android table for $50 (man, they're cheap!). I have the following mobile devices - iPad2, iPad Air, iPhone 5, galaxy nexus phone, galaxy s5 phone. I also have two laptops with different screen sizes, and four desktops, all running Weven. I think that's enough hardware to do some pretty comprehensive testing...
I'm going to write the site to require HTML5 compliant browsers, and don't anticipate any real problems in that regard.
".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
|
|
|
|
|
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.
|
|
|
|
|
Response Website Design ...is a pain in the ass
FTFY
If it's not broken, fix it until it is
|
|
|
|
|
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.
|
|
|
|
|
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
|
|
|
|
|
webdesign in general if you ask me
Life's like a nose, you've got to get out of it whats in it!
|
|
|
|
|
You must be using the web-site wrong.
I wanna be a eunuchs developer! Pass me a bread knife!
|
|
|
|
|
Chrome and Firefox can help. 
Ctrl + Shift + M brings up the Responsive Design View[^] in Firefox.
Chrome dev tools has a Device Mode[^], although I can't find a keyboard shortcut for it.
They're not perfect - I've seen plenty of issues on a real device that weren't present in the dev tools - but they're a good place to start. Apart from anything else, they save you from constantly having to resize the browser window.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
On the other hand, response-less web design is also responsibility-less
|
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
