|
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
|
|
|
|
|
|
Of Computer Manufacturer Websites.
Now that my Active Duty is over (Reserve Duty it is for me, until the next World Economic Forum[^]) I'll start a job as Junior .Net Dev in a small company by May 1st. My new employer asked me to choose my favourite development Hardware (something that ain't that common around here). After browsing the Websites of different Manufacturers (Dell, HP, Lenovo - You get it) I was really disappointed by the lack of a possibility to compare _every_ model of a manufacturer online. There were basic comparison possibilities, but I found all of them far from customer friendly.
Example 1: Oh, you want a Laptop with exactly 8 GB RAM? Here are all the models with 4 - 8 GB RAM.
Example 2: You want it to come with a Docking station? Too bad, we can't tell you if we offer a Docking Station for this model.
Especially the Docking Station thing is something that pissed me off, since I _need_ a Docking Station: No cable salad, just easy "Remove Laptop and Go see customer".
User friendly is a word most Tech Company Web Devs didn't hear in a long time.
/rant
Now that I've written this of my soul, what did I miss?
The console is a black place
|
|
|
|
|
Marco Bertschi wrote: what did I miss?
Well, apart from @chris-maunder sending free beer tokens to anyone who responded to his posts, not a lot.
veni bibi saltavi
|
|
|
|
|
Did you claim one, or were you too busy drowning your sorrows about him offering the wrong free beverage in another case of gin?
Did you ever see history portrayed as an old man with a wise brow and pulseless heart, waging all things in the balance of reason?
Is not rather the genius of history like an eternal, imploring maiden, full of fire, with a burning heart and flaming soul, humanly warm and humanly beautiful?
--Zachris Topelius
Training a telescope on one’s own belly button will only reveal lint. You like that? You go right on staring at it. I prefer looking at galaxies.
-- Sarah Hoyt
|
|
|
|
|
For Dell, AFAIK docking stations are limited to the Latitude (and possibly the Precision) line. A dock is Serious Business (tm), consumer orientated products (Inspiron, XPS, Alienware) or corporate cheapskate lines (Vosotro aka Inspiron with business support) aren't Serious Business (tm) and need not apply.
For HP/Lenovo, no idea since I've never used their business oriented products. I suspect you'll have to go to the small/medium business sections of their stores and click down to the add accessories pages for individual models to find out what lines they sell docks for.
Did you ever see history portrayed as an old man with a wise brow and pulseless heart, waging all things in the balance of reason?
Is not rather the genius of history like an eternal, imploring maiden, full of fire, with a burning heart and flaming soul, humanly warm and humanly beautiful?
--Zachris Topelius
Training a telescope on one’s own belly button will only reveal lint. You like that? You go right on staring at it. I prefer looking at galaxies.
-- Sarah Hoyt
|
|
|
|
|
Dan Neely wrote: I suspect you'll have to go to the small/medium business sections of their stores and click down to the add accessories pages for individual models to find out what lines they sell docks for.
You suspect right. But then again, often I was able to "guess" that there probably is a Docking Station for this certain model - But there are as many docking station models as Laptop models out there, and the Lenovo ones sometimes even diversed by which Graphics Card Configuration your Laptop model has, all in all it's just a big mess.
The console is a black place
|
|
|
|
|
Other than an abortive experiment with a wireless 60ghz "dock", AFAIK all of dells Laptops for the last half dozen years have used the same E series connector. You just get a few different options over how many ports you get, or if the dock stand has a monitor shelf, or has a monitor arm to hold a 2nd screen above the open laptop.
For other brands, no idea since I've never used them professionally.
Did you ever see history portrayed as an old man with a wise brow and pulseless heart, waging all things in the balance of reason?
Is not rather the genius of history like an eternal, imploring maiden, full of fire, with a burning heart and flaming soul, humanly warm and humanly beautiful?
--Zachris Topelius
Training a telescope on one’s own belly button will only reveal lint. You like that? You go right on staring at it. I prefer looking at galaxies.
-- Sarah Hoyt
|
|
|
|
|
A few farther thoughts, if HP or Lenovo aren't offering a single standard dock (or in the process of transitioning from dock standard v.last to v.next) that seems like a good reason to go with Dell. OTOH the E series dock dates to 2008; I half suspect that by the time you're buying your next work laptop it'll've been replaced anyway.
Did you ever see history portrayed as an old man with a wise brow and pulseless heart, waging all things in the balance of reason?
Is not rather the genius of history like an eternal, imploring maiden, full of fire, with a burning heart and flaming soul, humanly warm and humanly beautiful?
--Zachris Topelius
Training a telescope on one’s own belly button will only reveal lint. You like that? You go right on staring at it. I prefer looking at galaxies.
-- Sarah Hoyt
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
