Nueva pregunta

Pregunta:

 
  1  
 
 
Fernando Mosquera Karma: 10241 Argentina
 
 Fecha: 11-03-2015 09:29:44 (En Español)

¿Cómo tener un HTML responsive sin utilizar frameworks? [Resuelta]

Hablando con algunos amigos diseñadores se me presento la pregunta ¿Cómo tener un modelo responsive sin utilizar frameworks? (siempre basado en las mejores paracticas para evitar problemas de compatibilidad futura...)

¿Cuales son las propiedades CSS3 cross browser indispensables y perdurables?.



Yo lanzo las primeras propiedades CSS2/CSS3/cross browser: 
p {
    max-width: 100px;
    max-height: 100px;
    min-width: 50px;
    min-height: 50px;
}


Se pueden utilizar para limitar el HTML a una determinada resolución/dispositivo smartphone, tabletas, desktop y mega resoluciones, lo cual también dispara la pregunta:

¿Maquetar para resoluciónes, para porcentajes, para calculos y/o propiedades CSS3?

Espero sus comentarios.

Saludos,
Fernando Etiquetas: CSS - CSS3 - CSS3 @media - HTML - HTML5 - Pregunta - Responsive Votos: 1 - Respuestas: 9 - Vistas: 70 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Jonatan Iparraguirre Karma: 25 Perú
     
    Fecha: 12-03-2015 08:18:20 puedes crear un esqueleton css que te permita trabajar el html deacuerdo a las medidas que necesites, ahora puedes trabajar con % para seccionar y así comenzar a trabajar algo pero según tus preguntas es mejor que revises las documentación de css3   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Byron Rosas Karma: 1 No especificado
     
    Fecha: 12-03-2015 11:11:45 Hola, puedes utilizar media queries
    crear un grid, según los requerimientos que necesites.

    Saludos       Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Fernando Mosquera Karma: 10241 Argentina
     
    Fecha: 12-03-2015 11:11:56 Gracias por tu respuesta Jonatan, te aclaro que la idea de las preguntas siempre fue generar respuestas que aporten valor, lo que comentas de la documentación CSS3 no es del todo valido, hay estructuras y buenas prácticas que vienen dadas con los años y no con la documentación.

    Por ejemplo, yo te podría decir que maquetar a % con el width de CSS es una excelente idea porque es un atributo que dificilmente sea modificado por los navegadores, su aplicación esta extendida.

    Lo mismo que javascript, ahora parece que todo tiene que estas resuelto con condicionales CSS3, si javascript funciona desde los inicios y lo seguira haciendo, por que no usar javascript y ser cross browser?

    Jonatan,para el buen entendedor hay mucho más en la pregunta.       Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Jonatan Iparraguirre Karma: 25 Perú
     
    Fecha: 12-03-2015 11:39:18 Puedes usar javascript, pero no tendría sentido estar ejecutando setIntervals para saber el ancho de la pantalla, aparte actualmente css3 es cross browser si te piden IE9 a menos mejor no seas desarrollador.

    y tu primera pregunta sigue obteniendo la misma respuesta de mi parte, es algo muy basico lo que preguntas, por otro lado no olvides que CSS es muy amplio y Javascript igual.

    pd: no me gusta usar plugins.

       Votos: 0 - Link respuesta
     
  •  
      1  
     
     
    Juan Irungaray Karma: 6 Guatemala
     
    Fecha: 13-03-2015 05:26:24 Todo comienza con un buen modelo de cajas en css, seguido de que deben ser porcentuales los anchos, Por ultimo deberias de investigar un poco acerca de mediaquery y el tag viewport   Votos: 1 - Link respuesta
     
  •  
      0  
     
     
    Ricardo Villablanca Karma: 9 Argentina
     
    Fecha: 17-03-2015 08:54:04 a mi parecer, sin utilizar frameworks es algo dificil. Ya que uno haría su maqueta en base a un monton de conceptos y terminas armando tu propio framework. Desde ya, que necesitás reset.css o normalize (a mi criterio)   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Chrismart Anji Karma: 1473 México
     
    Fecha: 04-05-2015 03:24:19 no tiene sentido la pregunta, para hacer reponsive cualquier html y sobre todo si esta centrado no importa si es flotante o no se usa margin: 0 auto; eso es todo aunque tiene que estar con un div n.n y en cambio de que ya tengas que hacer un html mas extenso y con muchos objetos ect deberias usar float y @media del css3 realmente el renposive es muy sencillo ^^   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Antuan Kavalkanty Karma: 2008 Argentina
     
    Fecha: 07-05-2015 14:33:35 ¿Han probado con Bootstrap? ... esta muy bueno ... http://getbootstrap.com/   Votos: 0 - Link respuesta
     
  •  
      2  
     
     
    Juan Quinto Karma: 2761 Perú
     
    Fecha: 04-12-2015 05:34:58 una forma facil es usando esta propiedad

    display:inline-block



    dejo un enlace es muy bueno

    http://www.genbetadev.com/desarrollo-web/responsive-design-puesta-en-marcha

    saludos       Votos: 2 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com