Responsive Website Q?
- Started
- Last post
- 11 Responses
- nylon
We have a client who needs a site FAST!
Its a pretty big gig for us but as they need it fast I am trying to give them options...
They feel the site will be used mainly on tablets so with this is mind, if we concentrated on the desktop version and got that launched - this could buy us more time to get the tablet version (responsive) done...
I don't REALLY feel that the site 'needs' to be responsive to be honest...
Essentially it 'just needs to work' on iPad...
What are your thoughts? Should it be responsive?
Should responsive be the norm these days?
Any input would be great
Thanks
- ESKEMA0
yes, not really that difficult, and you can always launch it and work on the responsive after..
- ukit20
By changing the viewport tag you can control the width the site displays at on tablet or mobile. So you can display it at the desktop size until responsive version is ready.
- uan1
design it to work on
1024x768 and 768x1024
Apple iPad 1 & 2 / Apple iPad Minifor ipads, the landscape to portrait problem is the bigger concern.
then grow / shrink / 'responsive' from there
- nylon0
I almost feel design it as a 'normal' desktop site.
Responsive not nec. needed?
- Nosublocked
- studies've shown mo websites r viewed on mobilebklyndroobeki
- sublocked0
Responsive SHOULD be the norm.
I've created maybe 5 sites with different responsive frameworks.
If you just need the grid, check out Gumby. I use it on all but one of the site I'm working on...
http://gumbyframework.com/The other one I'm using Foundation, because I simply wanted to see the difference.
Foundation is also nice, but a bit heavy handed.
The only thing I like about the Foundation grid over Gumby is that they provide classes ".hide-for-small" and ".show-for-small" by default ... but those are easy enough to emulate on Gumby.
- sublocked0
Also, to the people who are saying "responsive-ize after!" – you are lost.
AFAIK Apple sold more iPhones last QUARTER than the entire PC market of last year. If that doesn't tell you something...
Also, read this: http://abookapart.com/products/m…
- True... but don't forget that non-responsive sites work totally fine on iPhones. Some people even prefer the non-mobile version of a site.nb
- You just totally made that up. Who wants a non-mobile website version on their MOBILE device?studderine
- I rather enjoy the constant pinch and zoom of non-responsive sites. Keeps my fingers fit and nimble.ETM
- eg. News sites. Double-tap to zoom to the content I want. Sometimes it's better than a burger menu I have to look through or a list of stories.nb
- IRNlun60
Bourbon.io is another framework you can use to build quickly. I'm preferring it's simplicity over foundation...
- Hadn't seen this one. Nice and lightweight!sublocked
- Couple it with neat.bourbon.io for your grid. I like being able to bake the grid widths into a class without having to chain a bunch of classes onto the element.voiceof
- Only issue I ran into with neat is the inability to change columns counts depending on breakpoint. Here's a good reset to change that... http://www.joshfry.m…IRNlun6
- Use jeet. Columns are unit less and easy to change across break points, nest etc. Sass or stylus flavours too.sausages
- nylon0
Thanks people... This really helps...
- ArmandoEstrada0
Do you feel it takes more time develop/designing for responsive? Do you factor that into the cost since its now the 'norm'?
- Only a little more timesublocked
- Yes, way more testing and fiddling with the in-between points on more ambitious projects.monNom
- Depends how much effort you put into it. If you are creating specific designs for mobile, tablet and desktop then it could be almost 3x the work. If you are just using a framework and basically only designing the desktop version, then not so much.ukit2
- ETM0
Its a planning game. Once you have a done a few, you know the common issues that arise.
But yes, there is still a little more time involved... but really I find it's more time in testing.
How ambitious the site is will obviously impact the above. I can often do simple brochure style responsive sites in the same time frame as non-responsive.
- Most of it is just resizing your browser + reloading.sublocked