Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/10/2013, 13:39
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Aporte siencilla y PRACTICA herramienta para el desarrollo responsive

Yo me hice esto en CoffeeScript hace un tiempo:

Código Javascript:
Ver original
  1. $("body").append "<div id=\"rwd_info\"></div>"
  2. $("#rwd_info").append $("body").width()
  3. $(window).resize ->
  4.   $("#rwd_info").empty().append $("body").width()

Y luego un poco de CSS (Sass):

Código CSS:
Ver original
  1. #rwd_info
  2.   position: fixed
  3.   bottom: 0
  4.   right: 0
  5.   padding: 5px
  6.   background: rgba($yellow,.5)
  7.   z-index: 1000
  8.   color: $black
  9.   border-radius: 5px 0 0 0
  10.   font: 100 1em Monaco

Última edición por pzin; 29/10/2013 a las 16:36 Razón: sobraba un tab