responsive bloody design
- Started
- Last post
- 29 Responses
- tOki0
Responsive design is great because it forces you to think out your design decisions and how they will work across different form factors. It favours clearer information architecture and cleaner information display all tied together with (hopefully) simpler navigation. This alone is another way for the pro's in the industry to separate themselves, which can only be a good thing.
- 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
- 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
- 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.
- 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.