responsive bloody design
- Started
- Last post
- 29 Responses
- prophetone0
you know what was responsive? flash... but yeah media queries are the bomb too.
- yupmoldero
- take it up with jobs, oh yeah hes deadStugoo
- HAHA no it wasn't unless you did a shit more coding manually writing it.animatedgif
- tOki0
^ Yes but in the past flash sites didn't really do the smart re-arranging that we see today into different form factors, usually there was some parts that were fixed sizes with other elements floating out to the sides. In many ways the approach taken was only 60% there to being truly responsive. I'm not sure if flash has a media query equivalent for recognising devices either.
I think this may be in part due to the fact that HTML & CSS as a platform exists with a simple set of rules that can be easily utilised - you simply build within it, where as with actionscript this kind of more advanced layout had to be individually programmed and therefore making it much more of a barrier to make the layouts "responsive". Whilst totally possible to create a css and html renderer in flash, high level actionscript like this is what makes it a full blown programming language, so it was always going to be at a disadvantage in this respect simply because it's harder to learn.
- < nerd loltOki
- i know i'm just joshin to an extent. i just coded a jquery isotope wp site where cells = posts = responsive = nerdvilleprophetone
- i only brought it up as i've built a few flash-based full screen sites in my time that reacted to screen sizeprophetone
- ..they probably had lovely blending modes, too. That's a while off. Getting there with the 3d, though. And type rendering.mikotondria3
- animatedgif0
^ yeah, I resize my browser to spread your content out, not so you can just make the same shit bigger and shuffle it about.
- Stugoo0
Its nice to see designers talking about this, I generally find it as an afterthought on projects from. The amount of briefs I receive that say 'we've recently launched a website but we need someone to come in and make it responsive'. Dude, mobile first.
With that said I completely get (having starting my career in design) how a designers workflow needs to change to accomodate this: the thought process to consider layout on multiple devices, interactions, working with layout in a non-responsive format(photoshop, illustrator) etc...
Someone said earlier something about how it changes classic web design, but I think that classic web design was a bad habit (one of which I admit to having), responsive design is something that has been toyed with for a long time (e.g the holy grail layout), it's only the rise of mobile devices that has made it apparent that the mantra 'all(most) websites should be 960px wide'.
On a side note, as you lot [read designers, crayon jockeys] seem to be a bunch of stubborn pixel perfect mules (which I love btw), its normally been a FE dev's position to push this sort of thing. Responsive Design, totally good.
- excuse my bad grammar
Stugoo - Can't really do "mobile first" with clients.animatedgif
- yeah, true, but a responsive build....
in an ideal worldStugoo
- excuse my bad grammar
- animatedgif0
Good if used for a mobile version, tablet and regular, bad if it's a site where every ui element shifts as you slightly resize
- vaxorcist0
can be annoying for some older users, I once saw a guy try to click in the right "blank" side of a responsive website, so he could use the arrow keys to scroll, but he got a bunch of modal window popups...
- d_rek0
I think it's pretty useful.
It's not about making stuff move when you scale it but about making the site useful on multiple devices.
For example, a small microsite i'm developing right now is being responsively designed so that when we talk about our upcoming product launch we can use any available device to show the product. Our smartphones and tablets become better sales tools this way.
- Also saves having to develop seperate mobile versions of sites or appsd_rek
- albums0
extremely useful. I site / all devices.
why exactly are you resizing your browser after page load if not to see how the site reacts?
I can't remember a time or site that made me want to resize the chrome for any reason.
- doesnotexist0
it is SUPER useful, especially with so many devices around.
though some that I see are absurd, there are some tasty ones.
- identity0
THE MOST USEFUL THING EVER!
(just ton continue the upward trend of usefulness recommendations...)
- ernexbcn0
It's useful because you adapt the design to different screen sizes, it's not a gimmick, it's the way it should be done. The other option is create a whole other site specifically optimized for the other devices, but media queries is the best way to go.
- imakethepictures0
It's more useful than oxygen or toilet paper, actually.
- hey, without oxygen, we wouldn't have water to drink, think about it...albums
- BabySnakes0
"Smartphone overtakes PC as primary internet device in China"
http://www.engadget.com/2012/07/…soo there is that...
- formed0
Sites need to be usable on all devices, but I cannot stand a site that moves all over the place when I scale my browser (which I do all the time, like now, for instance, there is a Premiere file rendering in the bg, I open this up to kill time but don't want a full window).
Again, personally, it looks unpolished and sloppy if the nav the pieces start popping on top of each other and randomly organizing themselves based on what size I have open (which is always different)
So, for client's sites, there is a version for iPads, mobile and normal screens, but it locks at the iPad size.
- cannonball19780
I'm not sure how "responsive design" is different than normal design.
- Quite a bit different from the implementation. And still a bit different from old fluid layouts.ETM
- hellobotto0
Very useful. As with any design strategy, it has a place and purpose and should be applied accordingly.
If you aren't considering flexible and responsive approaches for your site design, make damn sure you don't answer the door when you hear knocking...it's Here and Now. And they're annoyed with you. And they both need to use your bathroom...in a way which will linger with you for some time.
...
To your other note, in my experience the only folks who make a point to resize a browser window with reckless abandon and delight upon each page load are the same folks who've been told by their friends, "hey, check it out, I built a responsive site."
- Knuckleberry0
cannonball1978:
scale this site----> http://css-tricks.com/you will see it change as the width of the window changes. this is to allow it to "flex" to any size screen you are viewing it on.
- i love how that character changes in the upper right.doesnotexist
- cannonball19780
^ You didn't read what I said. I know what the topic is about. What I said was that I don't see how "responsive design" is different than regular design.
- planning.albums
- Planning AND implementation. Both stages are different that a fixed width or old style fluid site.ETM
- Old school fluid sites almost always break at some point, where a responsive design shouldn't.ETM
- I'll give you a fluid response.monospaced
- Chew on my fixed width. :)ETM
- haha, nicemonospaced