Codemotion Roma 2013

Diseños responsive preparados para el futuro

Chris Mills  · 

Presentación

Vídeo

Transcripción

Extracto de la transcripción automática del vídeo realizada por YouTube.

Cody emotion hello everybody I'm sorry for the slight delay we're just trying to get my my ludicrous comedy sound effects working for the talk but never mind you just going to have non ludicrous comedy sound effects and I'll just have to make them

myself so am i'm chris mills and thank you for all turning out to date sir I've got quite a lot to cover so I'm going to be talking today about a load of interesting responsive design techniques and some ideas for supporting older browsers a little

bit about me first of all I work for opera software and I also work for the w3c doing lots of messing about with mason standards and telling the spec teams you know this one seems like a good idea or this one seems to be really badly written you must have

been smoking something at the time and telling them lots of feedback generally on how to improve the standards I do lots of html5 and css3 and JavaScript work I also whinge a lot about accessibility all the time I'm really into accessibility so I try to

work out how we can use all of this modern new shiny stuff but still keep things accessible to people with disabilities on the web because I think it's very important and so should you and then outside work I'm a heavy-metal drummer and a very proud

father of three beautiful children and the combination of that results in something like this so before we go any further here's a bunch of useful websites that you could visit and I publish a lot of articles at devra calm and web platforms org the new

w3c documentation site so please visit there for lots of useful free articles about open standard stuff and I've also put this presentation up on slideshare net / Chris David Mills so don't feel that you have to write loads of notes down because the

stuffs already there for you to get hold of and then i'm not sure if we'll have much time at the end for questions because this is quite a long talk because it is so note down my email address and my twitter handle and feel free to bug me later on

if you have any questions or just catch me in a bar somewhere because I do spend quite a lot of time in those places the idea of this talk really is that pretty much everybody is heard and understands the very basics of media queries and wid based responsive

design stuff and I just want to go a little bit further and look at some issues beyond that that don't tend to get looked at quite so much during talks and also as well as the media query stuff i'll be looking at some other responsive modules like

things like flexbox and multi call them i'll be looking at how we can add intelligent fallbacks for older browsers that don't support this stuff already using moderniser and i'll be looking at where we're going in the future with CSS for media

queries and other such interesting things in effect i just want to give your information a little power up i don't know why but this torque ended up being a ludicrous tribute to 80s video games i have no idea why but people enjoy 80s video games them so

a quick flashback first of all I just want to give us a bit of context in how we got to where we are in terms of responsive web design stuff in the beginning a little bit after God created the earth and you know a little bit further on and there wasn't

really any responsive web design issues early on in the life of the web because we only really had monitors and well we only really had desktop monitors and laptops to worry about and okay we did have this thing Wow but this was just terrible who here had

to develop web applications anybody yeah a few of you you can remembered it's like some of you guys it was terrible it was the most overrated thing since Dragon's Lair came out on video disk in the early 80s absolutely terrible and then the mobile

web arrived the actual it really was the mobile web it actually was the web on mobile phones rather than this horrible dumb down useless muted version of the web that we had to cope with with web and we had the web appearing on feature phones and smartphones

and tablets and all these kind of things and that was cool but of course this brought a lot more problems and one of the first technologies that we really had to try and solve some of these responsive design problems was media types and there's the obvious

ones that you tend to use everyday like media screen and media print if you want to provide a better style sheet just for when you print your page your application out that's their great ideas and then there's these ones as well which some of you may

have had a look at there's also a lot of other really weird ones that nobody is ever used such as TTYL and braille and things like that that they just haven't been used at all particularly and and initially media handheld seemed like a good idea because

people looked at it and they said well oh this is a great idea you know we can just we can just get this CSS and apply it to handheld devices but of course this is a stupid idea because what what is a handheld device exactly it's really just screen but

loads of different screen sizes and it so it's completely floored idea back in the early days when media handheld first appeared and the mobile browser manufacturers all jumped on it and said this is a great idea and so a lot of them made it so that when

handheld media was available on me in the website it would use that by default but it was a terrible idea really because all of the web developers kind of used it as an excuse just to serve a really rubbish dumbed down version of the page to mobile phones

and the users were unhappy and it very quickly started to get ignored again media TV also appears seems like a good idea when you first think about it because now we've got all of these web enabled TVs appearing so it's like yeah we can just send this

CSS just two TVs to create optimized layouts but again it's a terrible idea because really a TV is just another type of screen isn't it and while we're on the subject of TV I can't say too many bad things about Web TV because well one of my

employers makes quite a lot of money making TV browsers and things but at the moment I don't think we're really using web TV to its best to the best of its abilities and you know if you think about it we could have amazing interactive experiences where

[ ... ]

Nota: se han omitido las otras 3.230 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.