Foros Programación Cliente

Empezando con el diseño responsivo

13 13 Respuestas Sábado 28 de enero, 2012
Hola a todos, estoy haciendo algunas pruebas de diseño responsivo para futuros proyectos. Los resultados son los esperados en todos los navegadores excepto en IE.
Ni en ie8 ni en i9 consigo que funcione de la misma forma que en los otros navegadores.

He leido diferentes artículos y probado diferentes técnicas pero nada. También he usado algunas librería js con similar resultado.

¿Alguien sabe porque ie es tan MALO?

Registrado desde 26/10/10
Número de posts: 117
  • Avatar de Public Public Registrado desde 15/06/03 / Número de posts: 846
    No me suelo romper mucho la cabeza con ese tema, pero yo te diría que antes de nada te asegures de que IE te está renderizando en modo estándar:



    Porque si no igual te está usando el modelo de caja antiguo.

    Offtopic: ¿Soy el único al que "Diseño Responsivo" le suena fatal? Creo que "responsive design" se debería traducir mejor como "diseño adaptable" o algo así ¿no?. Me pasa lo mismo cuando veo posts traduciendo "simplicity" por "simplicidad", en vez de "sencillez". Soy un carca. :-P
    ------------------------------------------------------------------------------------
    > Pablo Iglesias, Diseñador Gráfico y web
    > www.TheEmailingExperience.com
    > @piglesias en twitter
    Publicado hace 4 meses
  • Avatar de Höher Höher Registrado desde 28/06/07 / Número de posts: 454
    Publicado hace 4 meses
  • Avatar de egimenez egimenez Registrado desde 29/01/12 / Número de posts: 4
    ¿Has probado a usar HTML5 Boilerplate? Trae de serie Respond.js, modernizr y unos cuantos polyfills para asegurarse que los navegadores se comportan de forma parecida sin depender de las versiones.

    Y sí, los desarrolladores de IE deben ser las personas más odiadas del universo :/
    Eduard Giménez
    Publicado hace 4 meses
  • Avatar de chicote chicote Registrado desde 08/11/04 / Número de posts: 558

    Public

    Offtopic: ¿Soy el único al que "Diseño Responsivo" le suena fatal? Creo que "responsive design" se debería traducir mejor como "diseño adaptable" o algo así ¿no?. Me pasa lo mismo cuando veo posts traduciendo "simplicity" por "simplicidad", en vez de "sencillez". Soy un carca. :-P


    Diseño adaptativo me parece lo más correcto.

    Los carcas son ellos, no te equivoques. ;-)
    Publicado hace 4 meses
  • Avatar de Fran Rosa Fran Rosa Registrado desde 14/08/10 / Número de posts: 397
    Publico: ¿Soy el único al que "Diseño Responsivo" le suena fatal?

    Te suene peor o mejor, es la traducción correcta y apropiada. Como bien dices, muchas veces traducimos palabras del inglés malamente (además del ejemplo que pones, hace poco en otro hilo discutíamos el mal uso de la palabra creatividad en español, ya que se le atribuye la connotación de hacer algo de forma original y expresiva que tiene la palabra creativity en inglés, pero que no existe en la palabra en español), pero no es el caso. No porque se parezca más o menos la palabra tiene por qué ser incorrecta.
    Publicado hace 4 meses
  • Avatar de phpninja phpninja Registrado desde 08/01/11 / Número de posts: 67
    La traducción que da google a Responsive es Sensible. Responsivo me suena fatal.
    Soporte de Programación para Diseñadores y Creativos
    Html 5 / Css 3 / jQuery / Javascript / Php / Mysql / Ajax / Xml / jSon
    Programador Web
    www.phpninja.info
    Publicado hace 4 meses
  • Avatar de Höher Höher Registrado desde 28/06/07 / Número de posts: 454
    responsivo ≠ responsive by RAE

    responsivo, va.

    1. adj. Perteneciente o relativo a la respuesta.
    2. f. Méx. garantía (‖ fianza).
    3. f. Méx. Documento mediante el que un médico se compromete a encargarse del tratamiento de un paciente enjuiciado y a cuidar de que no se escape.


    Publicado hace 4 meses
  • Avatar de Fran Rosa Fran Rosa Registrado desde 14/08/10 / Número de posts: 397
    Höher: responsivo ≠ responsive by RAE.

    Tienes razón en que no es una traducción literal. La cuestión es que la acepción de la que surge el término en inglés no existe en español. Sería algo así como respondiente. Algunas de las traducciones que se han ido proponiendo son sensible o receptivo (intentando traducir el término), o adaptable (directamente intentando definir la técnica).

    El problema es que la traducción directa o literal no es posible, con lo que yo creo que intentar traducir el término no es muy adecuado, me parece preferible intentar denominar a la técnica. Pero es que adaptable, es confuso, porque un diseño líquido también es adaptable, y un diseño elástico también.

    Sigo pensando que, teniendo eso en cuenta, responsivo es la mejor opción. Porque responsivo significa eso, relativo a la respuesta. Y me parece más descriptivo de la técnica (que tiene que ver con generar respuestas distintas a contextos distintos) y más cercano al sentido original (respondiente) por mucho que no sea una traducción literal.
    Publicado hace 4 meses
  • Avatar de JCMartinez JCMartinez Registrado desde 26/10/10 / Número de posts: 117

    egimenez

    ¿Has probado a usar HTML5 Boilerplate? Trae de serie Respond.js, modernizr y unos cuantos polyfills para asegurarse que los navegadores se comportan de forma parecida sin depender de las versiones.

    Y sí, los desarrolladores de IE deben ser las personas más odiadas del universo :/


    No sabía lo de HTML5 Boilerplate, gracias por la info. Ya lo conseguí hacer gracias a este tuto http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries. Probé con respond.js pero nada.

    Hoy mismo he encontrado otra librería llamada syze http://rezitech.github.com/syze/. Tengo que probarla.

    Respecto al nombre "responsivo" a también me parece que no suena bien pero lo usaba porque era así como lo encontraba traducido.

    Declaro el "diseño web responsivo" renombrado como "diseño web adaptable".
    Publicado hace 4 meses
  • Avatar de RRV RRV Registrado desde 29/01/10 / Número de posts: 12
    Yo tengo problemas con Opera y Firefox (los problemas con IE vienen de serie por supuesto). Llega un punto en que ignoran el CSS que tengo asignado para ventanas pequeñas. No sé por qué :(
    Publicado hace 4 meses
  • Avatar de danieloso danieloso Registrado desde 21/06/03 / Número de posts: 356
    Mover o esconder los elementos de lugar al redimensionar la ventana del navegador no me parece buena práctica. Según algunos principios de usabilidad la "interfaz modal" es ineficiente y confusa ¿Recuerdan los menús de MicrosoftOffice que ocultaban aquellas funciones que el usuario menos utilizaba?

    A mi parecer esto se pone de moda a raíz de lo bien lograda que está la interfaz del iPad que "responde" al cambio de orientación, yo prefiero no aplicarlo en ordenadores ordenadores de mesa. Actualmente estoy haciendo pruebas desde el lado servidor detectando el tipo de dispositivo para así servir una u otra hoja de estilos y rutinas javascript.
    Publicado hace 4 meses
  • Avatar de Willy Willy Registrado desde 06/03/12 / Número de posts: 1
    Hola a todos!

    Interesante este tema del diseño "responsivo". He estado haciendo mis averiguaciones y parece que, efectivamente, no es oro todo lo que reluce... Os dejo unas reflexiones en mi blog: http://www.netteo.es/diseno-responsivo-una-solucion-y-varios-problemas

    Saludos!

    Willy
    Guillermo Alonso del Real

    www.netteo.es
    Publicado hace 3 meses
  • Avatar de cucumelo cucumelo Registrado desde 27/08/08 / Número de posts: 657

    Fran Rosa

    No porque se parezca más o menos la palabra tiene por qué ser incorrecta.

    Lo importante no es que se parezca más o menos, sino la necesidad de inventar un nuevo término cuando ya existen otros perfectamente válidos.
    ----------------------------------------

    Trabajos
    Fotos
    Publicado hace 3 meses